Skip to main content

加快页面的展示(减少页面加载的时间)

  • 减少 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%!
  • 养成良好的开发维护习惯,尽量避免脚本重复调用

参考文章