前端页面优化方法

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优化

转载于:https://www.cnblogs.com/crystal827/p/9689936.html