优化前端负载,如何正确组合和压缩JS?


8

我的企业客户网站大约有90种资产可以下载,其中35种左右是JS文件。即使是为Joomla进行的“优化”扩展,似乎也只能将我压缩到31个左右的JS文件,并且仅压缩组合的css / js,而不会压缩那些运行恶意的文件。

我已经尝试了一些优化的免费插件,但如果他们在我的加载时间上做得很少,我不愿意花钱购买付费插件。

我的模板是基于Rockettheme的,具有很多自定义功能,因此它具有Gantry js,bootstrap js,几个扩展名(例如我的视频播放器使用js文件等),它们似乎扩展为每个扩展名中的几个,而不仅仅是一。

什么是有效的,什么不是改善前端负载的这一部分?

Answers:


9

处理所有这些文件并不容易。将所有这些组合,最小化和压缩在一起很可能会带来问题。要达到令人满意的优化水平,将需要大量的努力和多种技术的组合。

我实现快速加载站点的总体方法。

快速的网站至关重要。网站的速度优化虽然通常在开发的最后阶段进行,但是从一开始就应该考虑这一点。它以适当的模板开始。

同时还要安装每个扩展,并使用任何种类的精美模块,这可能会导致网站沉重,以后很难减轻它的负担。

折衷-保持最小

就个人而言,在速度优化方面,我会尽量折衷于所使用的扩展。我会针对每项任务进行最有效,最优质的研究,并进行实验,如果在内核中可以手动完成某些任务,则始终尝试避免使用任何扩展。

另外,如果我必须决定使用不太重要的精美前端功能,这给我带来网站优化速度方面的麻烦,我通常会抛弃它,或者寻找另一种实现精美功能的方法。

我也尽量避免使用商业模板,因为它们通常具有许多额外的功能来满足许多不同的口味。我更喜欢构建模板并仅包含我需要的内容。

您的体力劳动

我建议您查看所有扩展,以查看它们如何加载资产文件,以及是否有可能避免将它们加载到不需要它们的页面中,例如,您可以创建模板替代,以便可以自己控制资产文件的加载。

您可能会发现有一些不需要的扩展名,但仍在加载中,或者您对它们的工作方式没有最佳的设置
例如,JCE Mediabox提供了仅在特定菜单项中加载的选项。

另请参阅是否可以将文件合并为一个。例如,不要让任何模块加载其CSS,请尝试将其与模板的CSS文件合并。

优化工具

CSS / JAVASCRIPT压缩和控制
至于优化工具/插件,我对JCH Optimize插件感到非常满意。它是免费的,但也有支持几块钱的商业版本。通过适当的调整,它可以产生很好的结果,如果您需要支持,开发人员将非常有帮助。

另一个可能被证明有用的工具是JQuery Easy plugin。如果它们相互冲突,可以帮助更好地组织和控制各种javascript文件的加载,并简化使用JCH_Optimize插件的优化。

CACHE
我还使用Jot Cache来更好地控制缓存,因为许多扩展都与核心缓存有关。

CDN
使用CDN交付静态内容是下一个工具-我将NoNumber CDN用于Joomla

.htaccess的
最后,大的好处,你会通过使用获得的htaccess压缩,并添加过期头的文件。


5

对于30多个JS文件,没有简单的解决方案。


我单击了上面的完整建议作为“答案”,但我还必须注意,RokBooster对我而言比JCH Optimize更好,因为我使用的是基于Gantry的模板和扩展程序。谢谢!我希望我可以同时单击两者。
Toni Marie

很酷,很乐意为您提供帮助
Anibal 2014年

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.