1、正确放置js、css文件，css放置在头部head中，js文件一般放在页面末尾，防止加载文件时阻塞页面。

2、实现图片预加载。在图片多的网站上，图片预加载能有效加快页面加载速度。图片预加载方式：

　　（1）使用css的background预先加载图片，为了防止页面初始加载时过慢，可推迟图片的加载时间，window.onload执行后再加载图片。

　　（2）JavaScript实现图片预加载

　　　　<script type=”text/javascript”>

　　　　　　var images = new Array();

　　　　　　function preload() {

　　　　　　　　for(var i = 0; i < preload.arguments.length; i++) {

　　　　　　　　　　images[i] = new Image();

　　　　　　　　　　images[i].src = preload.arguments[i]

　　　　　　　　}

　　　　　　}

　　　　　　preload(

　　　　　　　　”1.png”,

　　　　　　　　”2.png”

　　　　　　)

　　　　</script>

　  （3）使用Ajax实现图片预加载

 
 3、减少http请求，将能合并的文件尽量合并起来。

 4、减少html嵌套层数，减少页面重构，不滥用闭包。。

　　css方法：<img>等替换元素为空的时候不设置src属性
 5、DNS优化

版权声明：本文为crystal827原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/crystal827/p/9689936.html