网站图片加速解决方案

发布时间:2020-06-09 21:24:41 作者:tianya23
来源:网络 阅读:1720

CSS Sprites,用来将不经常改动的小图片整合成一张大图片,在CSS中利用background-position、width和height来控制显示的区域。

优点:能显著的减少连接数以减少overhead而且可以被复用。

缺点:制作起来比较费功夫,而且没有什么好办法解决repeat的背景图(因为大小未知)。

Data URL 和 DHTML,通过Base64编码将二进制文件(比如图片)捆绑到HTML/CSS中。优点是制作简便,也能减少连接数。缺点是BASE64在一定程度上会增大文件大小(即使用了GZip压缩);浏览器也要重新解码显示,会带来一定的性能问题;最重要的是,无法被缓存,每次请求HTML/CSS都会加载一遍。

问题:IE6、IE7在base64解码的时候存在问题。待确认

CDN,全称Content Delivery Network,即内容分发网络。现在有一定规模以及并发访问量需求的站点(比如网易和新浪等)都将各自的页面资源(CSS/JS/图片等)分发在不同的host主机上,能让浏览器同时从多个host上下载资源而且也能根据负载和网络状况等因素将用户的请求递交到离用户最近的主机上,提升可靠性。成本巨大,不是一般人能玩得起的。当然有一些cdn站点提供诸如jquery之类的服务,在jQuery官方下载可以看到介绍,经我试验下来微软的ajax.aspnetcdn.com响应速度最快,优点有很多,速度和稳定性咱就不提了,更重要的是对浏览者来说他们可能已经请求过该脚本并放在缓存中了

 

推荐阅读:
  1. 如何使用Varnish为web网站加速
  2. cdn直播加速解决方案有什么作用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

职场 休闲 网站优化

上一篇:Zabbix监控的安装配置

下一篇:java算法题和解题思路

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》