加快页面的展示(减少页面加载的时间)
- 减少 http 请求(合并文件、合并图片)
减少调用其他页面、文件的数量
- 优化图片文件,减小其尺寸
例如缩略图,一定要按尺寸生成缩略图然后调用,不要在网页中用 resize 方法实现,普通图像、icon 也要尽可能压缩后,可以采用 web 图像保存、减少颜色数等等方法实现。
- 压缩、图像格式的选择
GIF:提供的颜色较少,可用在一些对颜色要求不高的地方
- 压缩 Javascript、CSS 代码
一般 js、css 文件中存在大量的空格、换行、注释,这些利于阅读,如果能够压缩掉,将会很有利于网络传输。
- 在文件头部放置 css 样式的定义,在文件末尾放 Javascript 脚本
- 使用 CDN
现在国内做 CDN 加速业务的公司很多,简单讲,就是将你的图片、视频扩散到 CDN 网络所能到达之处,让用户访问时能就近下载到这些文件,从而达到网络提速的目的,这样做,同时能减轻你自己网站的负载。
- css、javascript 改由外部调用
如果 css、js 内容比较庞大,尽量不要写到同 1 个页面中去,改由外部载入比较妥当,因为浏览器本身会对 css、js 文件进行缓存。
- Ajax 调用尽量采用 GET 方法调用
实际使用 XMLHttpRequest 时,如果使用 POST 方法实现,会发生 2 次 HTTP 请求,而使用 GET 方法只会发生 1 次 HTTP 请求。如果改用 GET 方法,HTTP 请求减少 50%!
- 养成良好的开发维护习惯,尽量避免脚本重复调用
参考文章