美文网首页
前端优化之一:避免不必要的下载

前端优化之一:避免不必要的下载

作者: 蟹老板爱写代码 | 来源:发表于2018-01-18 12:07 被阅读0次

检查点

1 、检查网页上的自有资源和第三方资源。
2、评估每个资源:其价值及其技术性能。
3、确定这些资源是否提供了足够的价值。

最快速并且优化最充分的资源是不需要发送的资源。您应当从您的应用中消除不必要的资源。与您的团队一起,对隐式和显式的假设提出问题并定期重检,这不失为一种好的做法。比如以下几个例子:
  • 您的网页上一直包含资源 X,但它提供给用户的价值能否抵消下载并显示它的开销呢?您是否能够评估并证明其价值?
  • 该资源(特别是第三方资源)能否保持稳定的性能?该资源是否处于或是否需要处于关键路径中?如果该资源处于关键路径中,是否会成为我们网站的单点故障?也就是说,如果该资源不可用,是否会影响网页的性能和用户体验?
  • 该资源是否需要或具有 SLA?该资源是否遵循性能最佳做法:压缩、缓存等?
网页往往会包含一些不必要的资源;或者更糟的是,包含的某些资源会影响网页性能,同时还无法给访问者或所处的网站带来太大价值。这同样适用于自有和第三方资源及小工具:
  • 网站 A 决定在其首页上显示一个照片轮播器,访问者可通过快速点击预览多张照片。所有照片都在网页加载时进行加载,用户在照片之间浏览。
    • 问题:您是否统计过有多少用户在轮播器中查看多张照片?您可能给大多数访问者造成了不必要的昂贵下载开销,让他们下载了很多永远不会查看的资源。
  • 网站 B 决定安装一个第三方小工具来显示相关内容、改善社交互动或提供某种其他服务。
    • 问题:您是否追踪过有多少访问者使用小部件或点击浏览小部件提供的内容?这个小部件带来的社交互动能否抵消其产生的开销?

确定是否消除不必要的下载往往需要大量周密的思考和评估。要实现最佳效果,请针对网页上的每个资源定期清点和重新评估上述问题。

相关文章

  • 前端优化之一:避免不必要的下载

    检查点 1 、检查网页上的自有资源和第三方资源。2、评估每个资源:其价值及其技术性能。3、确定这些资源是否提供了足...

  • 前端优化之二:资源压缩

    除了避免不必要的资源下载,在提高网页加载速度上您可以采取的最有效措施就是,通过优化和压缩其余资源来最大限度减小总下...

  • 设计原则 (总结)

    简介 突出内容,不必要的内容删删删 高效 ·优化设计,减少等待时间 ·避免键盘弹出 ·减少点击 ·避免迷失 反馈 ...

  • 文摘-20170226

    前端 释义前端指南 性能优化腾讯HTTPS性能优化实践 vuevue早期源码学习系列之一:如何监听一个对象的变化 ...

  • JavaScript 性能优化

    介绍 性能优化是不可避免的哪些内容可以看做性能优化无处不在的前端性能优化 JavaScript内存管理 为什么要使...

  • 前端性能优化(中)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(上)...

  • 前端性能优化(下)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(中)...

  • 性能优化

    说说你说了解的前端性能优化?content方面减少HTTP请求:合并文件、CSS精灵、inline Image避免...

  • 前端性能优化(上)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 为什么要进行前端性能...

  • 《深入React技术栈》 读书笔记

    第一章 React的精髓就是函数式编程 VirtualDOM与对象树 组件元素 无状态组件和内存优化(避免不必要的...

网友评论

      本文标题:前端优化之一:避免不必要的下载

      本文链接:https://www.haomeiwen.com/subject/rlaioxtx.html