网站加载速度的快慢,直接影响用户的去留。这里为大家持续更新我的经验,帮你解决网页速度很慢,慢在哪里,该怎么优化的问题。希望对你有所帮助!
1. 网站空间要好:网站需要一个稳定的服务器或者虚拟机,可以到一些idc评测网去找一家实力较强的idc来购买,具体的搜索“idc评测”。
2. 减少数据库调用:页面数据调用(数据库查询)方面原因,程序尽量减少访问数据库次数,数据库使用连接池,最好能使用静态化的方式,或者用CDN,没有CDN的可以使用缓存的方式将动态数据缓存下来。
3. iframe不要用:<iframe>页面引用过多,会影响页面加载速度,同时搜索引擎不建议使用iframe,影响爬虫抓取。
4. JS文件放在HTML代码最后:过多Js调用,影响页面加载速度。只要不是页面加载的时候就必须执行的JS方法,就可以将JS的调用以及文件放置到页面的最底部,因为DOM的解析是从上至下,如果JS文件的包含放置在最上面,将会加载完JS再加载页面的DOM。
5. 图片要优化:每个图片都要设置他的宽以及高,防止浏览器重新渲染一次,如<img src="xx.jpg" width="200px" height="200px" />。
6. Gzip其实很重要:Gzip压缩的开启,加快页面,以及资源文件加载速度。
7. 资源服务器的好处:图片文件、css文件、js文件,如果这些文件比较多,可以采用分流的方式,放置在资源文件服务器上,如resoure.xx.com。网页在加载的过程中,对于不同的域名(二级域名)上的内容采用的是并行下载的方法,并行请求下载能够提高页面加载速度。
8. CSS或者JS代码要合并:多个CSS文件或者多个JS文件,最好能合并为一个文件,减少HTTP请求数量,节约加载速度。
9. CSS精灵大发神威:采用CSS Sprite(CSS精灵)方式处理背景图片,所有的背景图片最好能够整合到一张图片中的,不要单独存放。(减少http请求数量)
10. TABLE要少用:TABLE是块级显示,只有TABLE里的所有元素都加载完毕后才会解析下一个DOM,所以尽量用DIV+CSS方式。
9、优化CSS
CSS叠层样式表让网页加载起来更高效,浏览体验也得到提高。但有时我们在写CSS的时候会使用了一些比较罗嗦的语句,比如这句:
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
你可以将它简化为:
margin: 10px 20px 10px 20px;
这样简化CSS能去除冗余的属性,提高运行效率。如果你写好CSS后懒得去做简化,你可以使用一些在线的简化CSS工具,比如CleanCSS
11、网址后加斜杠
有些网址,比如"www.nbzhanao.com/service",当服务器收到这样一个地址请求的时候,它需要花费时间去确定地址的文件类型。如果service是一个目录,不妨在网址后多加一个斜杠,让其变成www.nbzhanao.com /service/,这样服务器就能清楚知道要访问该目录下的index或default文件,节省加载时间。