1.合并js和css文件
将js和css分别合并到一个共享文件,这样不仅能够简化代码,而且在执行js文件是,如果js文件较多,就需要多次向服务器请求数据,这样将会延长加载速度,将js文件合并在一起,减少了请求的次数,就能够提高加载的速度;
2.Sprites图片技术(图片精灵技术)
图片精灵技术是一种常用的页面速度加载优化的方式,它是将一个页面涉及到的所有的零星图片(注意:只是那些晓得图片、icon)都包含到一张大图中,然后利用css的背景属性将其相应的图片在现在响应的文字,这样当访问一面时,只用加载一张大图即可,而不用一幅一幅的去请求。这种方法既减少了图片的大小,有减少了http请求的次数,可以很大程度的优化页面的加载熟读
3.压缩图片和文本
压缩图片和文本也可以减小数据的大小,尤其是代码的压缩,如HTML、XML、JSON、javascript、css等代码的压缩率可达70%以上,代码压缩后可以大大减少文件的体积,是页面可以快速的加载
4.按需加载(及可见区域以外的区域延时加载)
为了让用户可以更快的看到网页中交重要的内容,可以优先加载可见区域的内容,延时加载不可见区域的内容,为了避免页面变形可以使用占位符,占位图片来固定宽高。如jquery中的ImageLazyLoad等一些插件就可以很好的实现按需加载,只有当用户鼠标向下滚动式,下面得图片才会加载。当然也可以用原生的js来实现。
5.确保功能图片优先加载
网站主要考虑可用性的重要性,一个功能按钮要提前加载出来,用户进入下载页,一个只需要8s时间的下载,花了