将wp-包括js、jQuery、css组合在一起可以吗?

时间:2014-02-04 作者:MaxBro57

我组合了wp,包括文件夹JavaScript、Jquery、CSS、Jquery。使用W3 total的ui、min.css和min.js文件。JS,jquery,jquery。ui和min.js文件通过async组合并添加到标记(w3tc)之前。是否会产生任何负面影响(安全或性能)?我想减少HTTP请求。

1 个回复
最合适的回答,由SO网友:fischi 整理而成

TL;DR是的,您的性能会更好,不是的,就WordPress而言,安全性不是问题,除了与缓存相关的一般问题(实时信息等),不会有任何重大负面影响。

但是

为了给出WordPress的具体答案,我假设你的网站和服务器设置已经满足了你的安全标准。如果没有,请参考Webmasters 获取有关常规设置的信息。

WordPress特定的部分,不是直接的WordPress,主要是W3TC插件。

网站的功能如果你的所有脚本/插件/功能都使用了在WordPress中将CSS和JS排队的正确方式,那么你一般应该是安全的。

将Javascript文件组合成一个大的组合缩小(是的,它可以变得非常大),您将面临一些必须掌握的困难。

第一个是显而易见的,但非常重要的-always check your site functionality after trying something new in W3TC (事实上,无论如何都要检查;))。问题是,您可能会合并JS文件,然后查看您的站点。一切正常,没有JS错误。然后你检查了你的网站(没有登录),同样的结果,你对自己获得更高的PageSpeedResult感到满意。然而,下一个访问该站点的用户发现它被破坏了。这是因为缓存通常不是预构建的,而是after the first not logged-in user visits the site.

您将JS和CSS与W3TC相结合的检查例程应该至少包含以下三个步骤(是的,在不同的浏览器上,但您已经明白了):

第一次检查-登录第二次检查-注销第二次检查-注销第二次检查-注销站点性能。这就是为什么您首先要合并JS,不是吗?;)

您会发现,对于请求的数量,您会得到更好的结果,但是对于加载在<head> 或在褶皱上方。

现在是第二步

这将花费很多时间,因为它是不同JS和CSS文件的手动组合。

尽管W3TC很棒,但它为您提供了定义应该在站点的哪个部分合并和加载哪个脚本的可能性。这听起来像是一个完美的场景-加载头部所需的所有基本内容,其余内容在站点渲染后加载。

问题在于,并非所有插件都使用最佳实践将脚本和样式排队wp_enqueue_script()wp_enqueue_style(), 许多脚本的功能在很大程度上取决于其包含的位置。

例如,一个流行的Fancybox插件outputs a part of it\'s script inline. 将JS文件移动到<footer> 或者以您的方式将它们组合在一起,可以在一个实例中打破jQuery的全部魔力。

添加新功能/插件

是的,你猜对了,我不想打断你-你必须做同样的例行工作every time 您可以向站点添加新插件或新功能。因此,在项目完成之前,在项目中投入数小时进行优化之前,确保一切都按预期进行。

移动方面的担忧

正如@rarst所指出的,拥有巨大的JS和CSS文件可能会给移动设备带来问题。记住这一点,但这不是缓存的问题,而是站点的一般问题。

WordPress本身的性能会变得更好,因为W3TC创建的是交付的文件,而不是动态生成这些文件,您的站点将提高速度并减少请求数量但是,这仅适用于请求after 已生成缓存

不幸的是,没有通用的解决方案来解决这个问题。我希望您知道要注意什么,以及如何了解哪些插件可以使用和信任。

玩得开心点!您可能需要修改一些脚本,以使它们以正确的WordPress方式出现,但这是乐趣的一部分。还有挫折感。

而且,再次确保对所有内容进行多次检查。您可以减少各种系统的复杂功能(从PHP 在Web服务器上,包括您的数据库、WordPress本身以及您的所有自定义项和内容)转换为静态文件。

这真是一项艰巨的工作,但如果你一开始就把一切都做好了,战后一切都会好起来的!

结束

相关推荐

自定义CSS以调整多个类别中的元素的大小

我正在使用以下自定义css(在WordPress主题中)调整某个元素的大小,但仅当它位于特定类别中时:.category-69 #main {width: 300px!important;} .category-16 #main {width: 300px!important;} .category-15 #main {width: 300px!important;} 我需要在至少250个不同的类别ID上使用这些CSS规则,有没有更简单的方法对它们进行分组?

将wp-包括js、jQuery、css组合在一起可以吗? - 小码农CODE - 行之有效找到问题解决它

将wp-包括js、jQuery、css组合在一起可以吗?

时间:2014-02-04 作者:MaxBro57

我组合了wp,包括文件夹JavaScript、Jquery、CSS、Jquery。使用W3 total的ui、min.css和min.js文件。JS,jquery,jquery。ui和min.js文件通过async组合并添加到标记(w3tc)之前。是否会产生任何负面影响(安全或性能)?我想减少HTTP请求。

1 个回复
最合适的回答,由SO网友:fischi 整理而成

TL;DR是的,您的性能会更好,不是的,就WordPress而言,安全性不是问题,除了与缓存相关的一般问题(实时信息等),不会有任何重大负面影响。

但是

为了给出WordPress的具体答案,我假设你的网站和服务器设置已经满足了你的安全标准。如果没有,请参考Webmasters 获取有关常规设置的信息。

WordPress特定的部分,不是直接的WordPress,主要是W3TC插件。

网站的功能如果你的所有脚本/插件/功能都使用了在WordPress中将CSS和JS排队的正确方式,那么你一般应该是安全的。

将Javascript文件组合成一个大的组合缩小(是的,它可以变得非常大),您将面临一些必须掌握的困难。

第一个是显而易见的,但非常重要的-always check your site functionality after trying something new in W3TC (事实上,无论如何都要检查;))。问题是,您可能会合并JS文件,然后查看您的站点。一切正常,没有JS错误。然后你检查了你的网站(没有登录),同样的结果,你对自己获得更高的PageSpeedResult感到满意。然而,下一个访问该站点的用户发现它被破坏了。这是因为缓存通常不是预构建的,而是after the first not logged-in user visits the site.

您将JS和CSS与W3TC相结合的检查例程应该至少包含以下三个步骤(是的,在不同的浏览器上,但您已经明白了):

第一次检查-登录第二次检查-注销第二次检查-注销第二次检查-注销站点性能。这就是为什么您首先要合并JS,不是吗?;)

您会发现,对于请求的数量,您会得到更好的结果,但是对于加载在<head> 或在褶皱上方。

现在是第二步

这将花费很多时间,因为它是不同JS和CSS文件的手动组合。

尽管W3TC很棒,但它为您提供了定义应该在站点的哪个部分合并和加载哪个脚本的可能性。这听起来像是一个完美的场景-加载头部所需的所有基本内容,其余内容在站点渲染后加载。

问题在于,并非所有插件都使用最佳实践将脚本和样式排队wp_enqueue_script()wp_enqueue_style(), 许多脚本的功能在很大程度上取决于其包含的位置。

例如,一个流行的Fancybox插件outputs a part of it\'s script inline. 将JS文件移动到<footer> 或者以您的方式将它们组合在一起,可以在一个实例中打破jQuery的全部魔力。

添加新功能/插件

是的,你猜对了,我不想打断你-你必须做同样的例行工作every time 您可以向站点添加新插件或新功能。因此,在项目完成之前,在项目中投入数小时进行优化之前,确保一切都按预期进行。

移动方面的担忧

正如@rarst所指出的,拥有巨大的JS和CSS文件可能会给移动设备带来问题。记住这一点,但这不是缓存的问题,而是站点的一般问题。

WordPress本身的性能会变得更好,因为W3TC创建的是交付的文件,而不是动态生成这些文件,您的站点将提高速度并减少请求数量但是,这仅适用于请求after 已生成缓存

不幸的是,没有通用的解决方案来解决这个问题。我希望您知道要注意什么,以及如何了解哪些插件可以使用和信任。

玩得开心点!您可能需要修改一些脚本,以使它们以正确的WordPress方式出现,但这是乐趣的一部分。还有挫折感。

而且,再次确保对所有内容进行多次检查。您可以减少各种系统的复杂功能(从PHP 在Web服务器上,包括您的数据库、WordPress本身以及您的所有自定义项和内容)转换为静态文件。

这真是一项艰巨的工作,但如果你一开始就把一切都做好了,战后一切都会好起来的!

相关推荐

如何在WordPress中使用html和css定制帖子?

我试图在Internet和stackoverflow上查找信息,但什么都没有。因此,我已经将我的网站(html、css、js)迁移到WordPress(index.php、header.php、footer.php等),在将帖子添加到我的网站之前,我不知道如何更改帖子的视图。我可以看到四种方法:1) 下载WP插件以添加和自定义帖子。但我只能使用管理区域进行自定义,我不能使用HTML和CSS,选项很少(颜色、图片等)2) 创建一个单独的文件(sidebar.php)并将我的帖子添加到其中。但如果我的客户想自