新浪博客 新浪微博 留言咨询 分享到      
当前位置:首页-新闻中心

章丘网站建设网页设计师也要了解一些网站性能优化相关知识

来源:www.sjkhdkf.com 发布时间:2015/08/31

章丘网站建设今天讲解关于“网页设计师也要了解一些网站性能优化相关知识”.
    在网站建设中,网站加载速度的快慢,直接影响用户的去留。网站设计师要知道有哪些细节可以优化网站的加载速度。
    1.要确保网站的空间要好,网站需要一个稳定的服务器或者虚拟机。
    2.不用iframe: iframe 页面引用过多,会影响页面加载速度,同时搜索引擎不建议使用iframe,影响爬虫抓取。
    3.顶部的Styles, 底部的scripts:这真的是一条基本规则。原因在于:
    ·CSS块渲染, 因此你需要立即处理它(即在文档的顶部,在你的之中)。
    ·JS块下载, 因此你需要最后处理它们,以确保它们没有耽误页面中任何其它东西。
    过多Js调用,影响页面加载速度。只要不是页面加载的时候就必须执行的JS方法,就可以将JS的调用以及文件放置到页面的最底部,因为DOM的解析是从上至下,如果JS文件的包含放置在最上面,将会加载完JS再加载页面的DOM.
    4. 优化页面图片:每个图片都要设置他的宽以及高,防止浏览器重新渲染一次,如img src="xx.jpg" width="200" height="200" /。
 当然也不要忘记使用alt, 这在图片不能显示时更是非常有帮助。如果图片纯粹是用于修饰用的,那么可以简单设置alt=""。
    5. CSS或者JS代码要合并:多个CSS文件或者多个JS文件,最好能合并为一个文件,减少HTTP请求数量,节约加载速度。
页面需要的每一个资源就是一次额外的HTTP请求;浏览器不得不停下来去获取每一个用于渲染页面所需的资源。每一次HTTP请求都可能引发DNS查询,重定向,404,等等。
每一次HTTP请求,无论为了样式表,图片,web字体,JS文件还是其它你能想到的,都可能是一次非常昂贵的操作。尽量减少这些请求是你可以做的最快的优化方法中的一种。
    6.使用CSS Sprite:采用CSS Sprite方式处理背景图片,将所有的背景图片整合到一张图片中的,不要单独存放,这么做跟上面合并JS或CSS的原因一样:可以减少http请求数量。

    7.TABLE要少用:TABLE是块级显示,只有TABLE里的所有元素都加载完毕后才会解析下一个DOM,所以尽量用DIV+CSS方式。

更多关于章丘网站优化,章丘网络宣传,章丘网络推广等新闻资讯敬请关注济南诺商章丘分公司。