当前位置:首页 > 设计知识 > 企业官网设计 > 提高网页加载速度的方法是什么?

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


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

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

缩减页面
在网速一定的情况下,页面体积(大小)越小的网页肯定加载时间要快的。所以缩减页面体积也是提高网页加载速度的重要方法。在满足页面必要的 内容之后。可以减少那些不必要的元素。缩减页面可以从网页代码来着手,所以建议代码和格式控制的分离,建议用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

 

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

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

品牌热线:137-1020-5050

关键词: 返回上层

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

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

服务热线:020-3160-9080

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

Q Q/微信:212210324

Copyright©2004-2019 GOOBAI Inc.All rights reserved

行业关键词:

品牌策划,品牌设计,vi设计,LOGO设计,VIS设计,品牌全案策划设计,品牌营销策划,品牌营销设计,品牌策划公司,品牌设计公司,品牌包装设计,品牌ip形象设计,吉祥物设计,专卖店设计,SI店面设计,品牌战略咨询,展厅设计,企业文化形象设计,宣传画册设计,纪念册设计