您是否过度下载资产?,性能深⼊解析响应式⽹⻚设计性能针对

缓慢 3
的性能评估 响应式站点可以更⼤和更慢... 出于多种原因(包括可维护性和搜索引擎优化),响应式⽹⻚设计是理想之选。
然⽽,相⽐仅专注于移动设备的同⾏⽽⾔,⼀般的响应式站点可能更⼤且需要更多资源。
响应式站点 仅限移动设备 56%更⼩ 53个请求1,642千字节 37个请求715千字节 Akamai可以帮助确保响应式站点既快速,⼜具有吸引⼒。
来源:http://www.guypo.com/rwd-2014 您是否过度下载资产? 即使您的站点采⽤响应式设计,⽤户仍可能被强制“过度下载”⼀些资产如,图⽚、样式表和脚本。
此过度下载可能极⼤地影响⽤户在移动设备上浏览时的体验。
通过内容分类的资产 资产
HTML图像JSCSS 台式电脑81.3KB1,416KB81.3KB1.2KB 平板电脑81.1KB1,421KB81.1KB1.2KB 移动设备80.0KB1,379KB81.1KB1.2KB 总结⼀些过度下载⽆过度下载⼀些过度下载⼀些过度下载 您的图像质量已提供 我们分析了:域上的图像能在多⼤程度上适应不断变化的显⽰尺⼨和分辨率,结果发现存在极⼩的变化。
您向⽤户提供基本相同的图像,⽆论其屏幕的分辨率如何。
1.4
1.3稍 MB ⼩ MB 173请求 169请求 ⾼分辨率移动设备 标准移动设备 您图⽚的⽐重 我们分析了针对桌⾯和移动设备的图⽚,结果发现您向移动设备分发图⽚时,每个像素的字节数为5.4倍。
桌⾯1.6字节/像素 5.4x移动设备 字节/像素 88%图⽚的⽐重 图⽚占您全部⻚⾯尺⼨的88%。
移动设备8.7字节/像素 借助于Akamai,您的图⽚性能将会得到进⼀步优化 您的站点的加载时间 对⽹站性能不满意时,近50%的移动⽤户不太可能再次访问该站点。
更糟的是,近30%的⼈不太可能从该公司购买–通过所有渠道。
台式电脑 1.6s1.8s 9.8s 14.9s 移动设备 2.3s1.3s 12.0s 34.5s ⾼分辨率移动设备 1.3s1.7s 12.0s 21.4s 平板电脑 2.1s2.4s 10.0s 27.0s Akamai浏览器渲染时间Akamai载⼊原始浏览器渲染时间原始载⼊ 借助于Akamai,您的⽤户体验将会得到进⼀步优化 提⾼您的移动性能 我们模拟了您的站点在Akamai环境中获得服务的⽅式,以了解如何在⻚⾯权重、⻚⾯速度和请求总数⽅⾯提⾼您的移动体验。
20%▼平均总⻚⾯权重:与Akamai交谈1,578.5KB减⾄1,255.4KB 64%▼平均⻚⾯加载时间:与Akamai交谈30.7s减⾄11.0s 1%▼平均已下载请求:与Akamai交谈171减⾄170 ⽤户体验 原:设备结果 0s 2s 我们使⽤AkamaiIon图像优化⾃动优化您的⽹站中的图像,包括使⽤最前沿的图像格式,将图像⼤⼩调整为当前显⽰⼤⼩等。
47%速度指数改善 使⽤AKAMAI优化 0s 33%浏览器渲染时间改善 2s 4s 4s 6s 6s 8s 8s 10s 10s 12s 12s 14s 16s18s20s22s Akamai可以改善您的⽤户体验 Akamai可以帮助减少您的移动或响应式⽹站获得服务时产⽣的不必要的开销。
这可以为您的组织和⽤户极⼤地提⾼您的⽹站整体性能:
1.通过优化⼩屏幕图像提⾼整体加载时间
2.通过最⼩化过度下载减少隐藏带宽成本
3.消除可能会导致移动站点加载⾮常缓慢的隐藏单点故障(SPOF)
4.向所有⽤户(⽆论使⽤何种设备)提供更快、更流畅的体验,从⽽加强您的品牌 了解有关AkamaiWebPerformanceSolutions的更多信息 “⽤户愿意牺牲所查看的内容,但有⼀点他们绝对不愿放弃,那就是速度。

” 即刻与Akamai的服务代表交谈。
即刻交谈 给我们发送邮件,联系Akamai服务代表。
给我们发送电⼦邮件 测试⽅法 没有单⼀的数字可以完全捕捉性能的复杂性,这些测试旨在密切匹配现实世界条件:
1.结果基于实际性能测试,使⽤Akamai作为浏览器和⽹站之间的代理服务器以应⽤优化。
真正的Akamaizing站点可能会产⽣更好的结果。

2.使⽤最新的Chrome浏览器进⾏测试,由第三⽅数据中⼼的开源性能测试⼯具(WebPageTest)驱动,模拟不断变化的⽹络环境。

3.每种测试要运⾏多次,然后取中间测试结果。

4.关键⻚⾯测试度量是“开始渲染时间”,它测量⽤户查看空⽩屏幕的时间⻓度、加载时间(⻚⾯完全下载到浏览器所需时间)以及度量周围资产规模和请求数量。

标签: #面积 #立体图 #文件 #文件夹 #文件夹 #文件 #文件 #制作网页