轻风易扬

如果不能在混乱中创造出秩序,那么设计也就失去了意义,我愿去寻找这种秩序感

© 轻风易扬
Powered by LOFTER

轻风易扬之技术学习经验分享(15)---网页速度很慢优化方案:如何提高网页加载速度,提升网站加载速度

网站加载速度的快慢,直接影响用户的去留。这里为大家持续更新我的经验,帮你解决网页速度很慢,慢在哪里,该怎么优化的问题。希望对你有所帮助!

 

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方式。


来源:前端开发爱好者

评论
热度 ( 1 )
  1. 轻风易扬前端开发爱好者 转载了此文字
TOP