怎么样让网站显示速度更快些?

  1. 云栖社区>
  2. 博客>
  3. 正文

怎么样让网站显示速度更快些?

gydtep 2018-10-13 09:48:43 浏览1001
展开阅读全文

1、最小化的HTTP请求(content)
因为在一个页面中所花费的时间大多数是在scripts、stylesheets、images和flashs等等,这些都是通过HTTP请求来加载的,这些大概占用了加载时间的70%到80%。因此,减少这些加载时间可以大大优化页面的加载速度。使用下面的几种方法可以有效提高加载速度:
将所有的scripts脚本代码组合成一个单独的script脚本代码,将可以合并的所有css合成为一个stylesheet.
CSS Sprites(国内称为:CSS精灵),是一种网页图片应用处理方式。它允许你将一个页面设计到的所有零星图片包含到一张大图片中去(要求:不高于200KB的单张图片,因为这样可以保证载入时间和未处理前的时间差不多).
图像映射(Image Maps):就是图片分成几个区域,或者被称之为“热区”的图像;点击“热区”会显示一个网页。注意:除AltaVista、Google支持Image Maps,其他引擎不支持。当”蜘蛛“程序(即爬虫)遇到这种结构时,往往不知所措。因此在sem优化中,尽量不要设置Image Map链接
内嵌图像(Inline images)使用data URI scheme
举例:假设有以下图像
http URI scheme 标准形式:1.png
data URI scheme方式:
上面标签内容解析:data-取得数据的协议名称

       image/png-数据类型
   base64-数据编码方式

iDJJK....-编码后的数据

       :,;-data URI scheme指定分隔符

这样,我们就将一张图片数据内置到http中,节省了一个HTTP区别请求。
在css中使用data URI scheme:body{background-image:url("data:image/png;base64,iDDJJ....");}
注意:浏览器不会缓存这种图像,若该图像在网页很多地方使用,会加大网页内容,延长下载时间。
解决办法:在一个css class中加入data URL,在需要显示图像的区块调用这个class
例如:.logobg{background:url(data....)}

网友评论

登录后评论
0/500
评论
gydtep
+ 关注