前端页面优化方法
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优化 |