AJax技术

提高网页加载速度的一些方法和技巧(3)

字号+ 作者:H5之家 来源:H5之家 2017-08-06 14:00 我要评论( )

在许多场景中,自我反省是一个不错的建议,幸运的是,在开发过程中,我们可以使用工具来帮助反省,并尽可能客观地进行实践,像 JSLint(参见 参考资源)这样的工具的价值是无法衡量的,尽管其站点宣称它可能令您备

在许多场景中,自我反省是一个不错的建议,幸运的是,在开发过程中,我们可以使用工具来帮助反省,并尽可能客观地进行实践,像 JSLint(参见 参考资源)这样的工具的价值是无法衡量的,尽管其站点宣称它“可能令您备受挫折”,因为它向您提供了所有的潜在代码缺陷,这些缺陷不但使调试更加困难,而且可能导致更长的响应时间。

25、检查孤立的文件和丢失的图像

检查孤立的文件和丢失的图像是一种明智之举,大部分 Web 开发人员都会检查错误的文件引用,但是这里仍然需要说明一下,丢失的文件容易引起各种问题,因为它们会导致“The image/page cannot be displayed”之类的错误消息。

但是在网页速度优化方面,它们具有更大的缺陷:当浏览器寻找丢失的或孤立的文件时,它会消耗资源,这不可避免地会导致页面处理速度变慢。因此,请检查孤立或丢失的文件,包括拼写错误的文件名。

26、优化图像

图像能吸引访客的注意,但是每一张图片都需要从服务器下载到访客的电脑中,这无疑增加了页面的加载时间(具体可查看马海祥博客《实现网页图片预加载效果的3种技术方法》的相关介绍)。

因此,必须优化图像,优化方法包括适当减小图片尺寸,降低图片的颜色深度。

27、去掉不必要的插件

一些免费的插件能够增强网页的功能,但是如果添加了过多的插件,就会增加服务器的负担和页面加载时间。

在构建页面时,去掉不必要的插件,用一些内置的功能来代替插件。

28、减少DNS查询

DNS查询需要花费较长时间来返回IP地址,而浏览器在查询结果返回之前不会做任何操作,具有多种网络元素的页面,需要进行多次的DNS查询,花费的时间更长。

对此,马海祥的建议是减少不同域名的数量,就会减少DNS的查询,从而加速页面加载速度。

29、减少使用重定向

重定向增加了额外的HTTP请求,甚至有时候链向多个域名或是不存在的页面,大大的增减了延迟时间,因此要减少重定向。

30、使用内容分发网络CDN

服务器在处理大流量的数据是十分困难的,这最终导致页面加载速度变慢。CDN是位于全球不同地方的高性能网络服务,它会复制你网站的静态资源,并以最有效的方式来为访客服务,使用CDN,可以提升页面的加载速度。

31、把CSS文件放在页面头部,JS文件放在底部

把CSS文件放在头部可以禁止逐步渲染,节省浏览器加载和重绘页面元素的资源,把JS文件放在页面底部可以避免代码执行前的等待时间,从而提升页面的加载速度。

32、利用浏览器缓存

浏览器缓存是允许访客的浏览器缓存你网站页面副本的一个功能,访客再次访问时,直接从缓存中读取内容而不需要重新加载,优化网站的缓存系统会降低网站的带宽和托管费用。

33、使用CSS Sprites整合图像

图像始终是网站优化时的顽疾,可以使用CSS Sprites来整合多个图像到几个输出文件,从而减少下载资源的往返次数和延迟,从而提高页面的加载速度。

34、压缩整合CSS、JS文件减少HTTP请求次数

压缩会移除一些不必要的字符,从而帮助减少文件大小和网页后续的加载时间。

现在的网页都有多个图片、CSS外部文件链接、Javascript外部脚本链接,所以当访问一个网页时浏览器需要多次向服务器请求这些文件,在请求和加载之间会产生不少的时间差,特别是一些网页上有多个小图片、图标按钮的网页,有多少图片,浏览器就需要请求多少将这些小文件,多将请求这些小图片文件将明显影响网页的加载速度。

所以,我们应该尽可能将小图片拼合一个PNG大图片上,然后通过坐标来显示图标,一次请求一个大图片比多次请求小图片速度要快不少。

同样,最好将CSS和Javascript尽可能地整合到一个文件中都有助于加快网页载入速度。

35、启用GZIP压缩

在服务器上压缩网站的页面能很好地提升网站访问速度,GZIP可以帮我们完成压缩必要资源,从而给用户发送最小的HTML文件和CSS/JS等资源。

36、服务器抗压能力

服务器抗压能力通常指的是服务器所能承受的最大访问人数,这是一个硬件指标,不过也可以通过对软件和页面的优化来提高服务器的抗压能力。

这里的服务器主要包括两项,一个是http的服务器(apache或者iis),还有一个是数据库服务器。

这是所说的优化主要是有效减少服务器的连接数、提高程序执行效率,比如静态化页面或者使用缓存可以减少数据库的压力,减少页面连接数可以减少http服务器的压力等,还可以通过安装一些软件或者模块来达到这个目的,比如zend的php加速引擎,以及apc等。

马海祥博客点评:

许多研究发现,页面速度和访客的滞留时间,跳出率以及收入都有直接的关系。另外,谷歌的排名算法中也把页面加载速度作为其中一项考虑因素,因此,你网站的页面加载时间是至关重要的,从访问者的角度看,测试你的浏览器速度的一个很好的方法是清除你的浏览器缓存,然后加载页面。

本文为马海祥博客原创文章,如想转载,请注明原文网址摘自于,注明出处;否则,禁止转载;谢谢配合!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评