提高网页加载速度的方法是什么?

古柏广告设计
助力企业品牌成长
围观:884次

在打开网页的时候,可能差不多相同的网页,他们的加载速度是很不相同的,有的快很多,有的又慢。这个是为什么呢?网页加载速度和哪些因素有关?怎么去提高它们的加载速度呢?

缩减页面
在网速一定的情况下,页面体积(大小)越小的网页肯定加载时间要快的。所以缩减页面体积也是提高网页加载速度的重要方法。在满足页面必要的 内容之后。可以减少那些不必要的元素。缩减页面可以从网页代码来着手,所以建议代码和格式控制的分离,建议用div+css的方式来做网站。CSS文件从外部引用,可以减少大约一半的代码量。相对于TABLE来说。

减少网页的连接
页面连接数是指浏览器从服务器上下载完当前页面以及其所需资源的过程中向服务器发出的请求次数。可能网页要从别的地方下载一些东西来完善,那么最好是减少这种连接,如一个页面含有2个图片,2个CSS文件和1个JS。那么网页的连接一共有1+2+2+1=6个连接。这还算比较少的,一般的页面可能不止,所以,适当减少网页连接也是必要的。纵观不少的国外网站,一般都是用CS来控制外观,很少用图片的,有的网站几乎都不用图片。

还有就是能统一到一个文件里面的尽广州网站设计量统一到一个文件里面,比如js文件和css文件都没有必要外联,都可以吐到一个相应的html代码中间,让服务器一次性发送给浏览器,这样的好处有很多:首先可以减少页面连接数,其次可以避免由于网络问题造成的页面裸奔现象(没有css修饰的页面就是裸奔)和js功能函数没load完造成页面功能不完整的现象。

我们一般看到的大型网站都是这样的。他们的CSS和HTML都是在一个页面。那么可能有人说:把js和css代码都写在一个页面里面岂不是很不好维 护?事实上但是把js和css代码与HTML搞在一起只是给浏览器看的,有很多的方法可以做到页面生成之前css、js和HTML都是完全分离的,而生成的页面却是三者的综合体。

设置浏览器的页面缓存
设置浏览器的页面缓存也是一个不错的办法,能非常有效地降低页面连接数,提高页面加载速度。比如通用标志、页首或导航条,不必一遍一遍地下载。一般IE在RAM或硬盘上设置缓存来存储最近用到的图像。如果浏览器认识是相同的文件名,它会读缓存,而不是从网上下载。当然这只是针对那些实时性不强的网站来说。

启用GZIP压缩
这个是近年来的技术,启用GZIP压缩可以让网页实际下载量只有原来的1/3。所有的浏览器都支持,问题是服务器支持这种压缩算法没有,建议可以压缩的话尽量启用。也是一个重要的功能。

服务器能力
这里的服务器主要包括两项,一个是http的服务器,还有一个是数据库服务器。在访问网页时一般靠的是这两个服务器的配合程度。一般ASP的页面建议用SQL SERVER或者ACESS,PHP的可以用MYSQL。提高网页加载速度的方法可以从服务器的连接数、提高程序执行效率着手,比如静态化页面或者使用缓存可以减少数据库的压力,减少页面连接数可以减少http服务器的压力等。

客户端网络状况
这个肯定不用说了,肯定是网速越快的加载时间也越短,不过对于网站建设者来说,这点是无能为力的,这点取决于浏览者电脑的网络状况,不过的确也是一个因素。


 更加全面的可以加速网页的方法如下:

  • 1. 减少网页的 HTTP 请求
  • 2. 使用 CDN
  • 3. 为网页元素添加 Expires Header
  • 4. 启用 Gzip
  • 5. 把 CSS 放在网页顶部
  • 6. 把活动的脚本文件移到底部
  • 7. CSS中避免使用Expression语句
  • 8. JS和CSS文件从外部引用
  • 9. 减少 DNS 查表时间
  • 10. 缩小JS和CSS文件体积
  • 11. 避免网页跳转
  • 12. 删除重复的脚本
  • 13 配置Etag

 

当然,可能有更多的方法来提高网页加载速度,不过通过上面介绍的这些方法之后,网页的打开速度应该会大大加快。

版权声明:以上文章信息来源于网络,等仅代表原作者本人的观点。除了已经标注原创的文章外,其它文章版权和文责属于原作者。文章中出现的商标、专利和其他版权所有的信息,其版权属于其合法持有人。对可以提供充分证据的侵权信息, 我们将在确认后的1小时内删除。


本网站之声明以及其修改权、更新权和最终解释权均属广州古柏广告策划有限公司所有。

(注:古柏广告-版权所有-转载请注明出处。)

关键词: 返回上层
品牌全案策划、设计、执行一站式服务,
助力企业品牌成长!

扫一扫关注古柏

GOOBAI AD.

Brand Whole Case Design


4000-882-993

www.goobai.com

微信加好友咨询


广州古柏广告策划有限公司

地址:广州市天河区东圃长盛商务大厦B213-215

Copyright©2004-2020 GOOBAI Inc.All rights reserved

粤公网安备: 44010602001481号

备案号:粤ICP备09222445号

GOOBAIAD

服务热线:020-3160-9080

业务总监:136-3149-2728(Mr.罗)

Q Q/微信:212210324

与古柏对话

关注古柏