您的位置:主页 > 新闻中心 > 建站知识 >

提高html页面加载速度的方法

日期:2017/07/06     阅读:    来源:优商网络公司
        如何提高html页面加载速度?在网页中有许多img标签,这些标签就是图片,其属性src则是指向服务器地址,当浏览器从上往下读取到src标签中的地址时,浏览器就会开启线程,加载这张图片。而并不是等到整张页面都解析完成才加载图片。
html页面

        提高html页面加载速度的方法:

        1、网站空间要好

        网站需要一个稳定的服务器或者虚拟机,可以到一些idc评测网去找一家实力较强的idc来购买,具体的搜索“idc评测”。
网站空间要好

        2、减少数据库调用

        页面数据调用(数据库查询)方面原因,程序尽量减少访问数据库次数,数据库使用连接池,最好能使用静态化的方式,或者用CDN,没有CDN的可以使用缓存的方式将动态数据缓存下来。
数据库

        3、iframe不要用

        <iframe>页面引用过多,会影响页面加载速度,同时搜索引擎不建议使用iframe,影响爬虫抓取。
iframe表格

        4、JS文件放在HTML代码最后

        过多Js调用,影响页面加载速度。只要不是页面加载的时候就必须执行的JS方法,就可以将JS的调用以及文件放置到页面的最底部,因为DOM的解析是从上至下,如果JS文件的包含放置在最上面,将会加载完JS再加载页面的DOM。
JS文件

        5、图片要优化

        每个图片都要设置他的宽以及高,防止浏览器重新渲染一次,如<img src="xx.jpg" width="200px" height="200px" />。 
网站图片标志

        6、Gzip其实很重要

        Gzip压缩的开启,加快页面,以及资源文件加载速度。 
gzip压缩

        7、资源服务器的好处

        图片文件、css文件、js文件,如果这些文件比较多,可以采用分流的方式,放置在资源文件服务器上,如resoure.xx.com。网页在加载的过程中,对于不同的域名(二级域名)上的内容采用的是并行下载的方法,并行请求下载能够提高页面加载速度。
资源服务器

        8、CSS或者JS代码要合并

        多个CSS文件或者多个JS文件,最好能合并为一个文件,减少HTTP请求数量,节约加载速度。
CSS文件

        9、CSS精灵大发神威

        采用CSS Sprite(CSS精灵)方式处理背景图片,所有的背景图片最好能够整合到一张图片中的,不要单独存放。(减少http请求数量) 
CSS精灵

        10、TABLE要少用

        TABLE是块级显示,只有TABLE里的所有元素都加载完毕后才会解析下一个DOM,所以尽量用DIV+CSS方式。
table表格样式
       以上所述是小编给大家介绍的HTML 提高页面加载速度的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。
更多>>相关文章