网站前端是网站的重点。前端没做好,流量就不会上来。所以网站前端优化是
非常迫切的。因为最终用户响应时间都发在这里了。
下面和大家一起分享一下几个的前端优化的好方法:
第一,使用CDN(Content Delivery Network, 内容分发网络)
第二,当然是减少http的响应次数。这样能节省资源,加快页面的加载速度。
这里有几个技术可以达到减少次数:
Image maps可以组合多个图片到一张图片中。该方式只适合图片连续的
情况;同时坐标的定义是烦人又容易出错的工作。
CSS Sprites可以组合页面中的图片到单个文件中,并使用CSS的
background-image和background-position属性来现实所需的部分图片。
Inline images使用data: URL scheme来在页面中内嵌图片。
Combined files通过组合多个脚本文件到单一文件来减少HTTP请求次数
。
前端性能优化的起点是减少HTTP请求次数。这是提高首次访问的效率的重要
方法。
第三,法则3. 增加Expires Header。
第四,压缩页面元素。
第五,把样式表放在头上。
第六,把脚本文件放在底部。
第七,避免CSS表达式。
第八,把JavaScript和CSS放到外部文件中。
第九,减少DNS查询次数。
第十,最小化JavaScript代码。
第十一,避免重定向。
第十二,删除重复的脚本文件。
第十三,配置ETags。
第十四,缓存Ajax。