在前面的文章“卡盟页面载入速度卡盟优化技巧之工具篇”中，我们简单的介绍了优化卡盟页面载入速度常用的卡盟优化工具，也就是火狐或者谷歌浏览器的Pagespeed插件。今天，我们要进行更深入的探讨，如何使用这些工具对我们的网页进行分析，如何具体实施加快卡盟的页面加载速度，提高卡盟的用户体验度和搜索引擎友好度。
以下介绍几种常见较易施行的优化方法来提高网页的加载速度：
压缩CSS：
大部分卡盟为了达到较好的视觉效果，使用CSS来对卡盟的图片文字等进行定义，从而造成CSS代码繁冗。代码中的每一个空格，换行符，逗号，及代码注释等都无形的增加了整个页面的体积，影响卡盟页面的加载速度。
针对这种情况，我们的建议是压缩CSS代码的体积（备份代码源文件以便后期再编辑）把网页代码中上面提及的意义不大的空格，换行符等删除压缩代码，一般在进行此项操作后，平均页面体积能节省20%-30%的空间。卡盟规模越大，压缩CSS代码后能节省的空间便越大。
注：在压缩CSS的同时也可以压缩页面内的JavaScript代码。
减少页面文件请求数：
一般情况下，页面加载时向服务器端请求文件/数据量越多，加载的时间越长，速度越慢。在卡盟建设过程中，尽可能的避免使用CSS替代部分图片功能，如按钮等可以使用CSS定义，避免对过多图片的请求。同时注意把CSS文件和JS文件合并，尽量减少对此类文件的请求数量。
另一方面，通过对浏览器缓存的设置，延长部分页面资源的有效时间，避免用户在加载时重新下载也不是为一个好办法。
图片优化：
卡盟或多或少都会使用图片来使卡盟变的更加有吸引力或者好看，往往大家在使用图片的时候为了达到较好的视觉效果，忽略了图片本身的体积大小，从而加重了页面加载的负担。因此卡盟的图片选择应当是在不影响视觉效果的前提下，采用体积较小的图片格式，如一般情况下PNG格式的图片比JEPG的图片小。
根据Pagespeed对网页资源的分析，我们能很清楚的看到影响我们页面加载速度的原因，并对症下药。更多的方法如减少页面重定向，压缩HTML，启用压缩，CND等应根据卡盟的实际情况及问题的严重性具体分析，这里就不一一罗列了。希望Pagespeed能很好的帮广大站长朋友发现问题，并提供解决问题的思路，进而提高卡盟的加载速度，优化用户体验。
|
发表于 2014-3-12 11:37:51
发表于 2014-3-12 11:50:26