Web优化躬行记（5）——网站优化
最近阅读了很多优秀的网站性能优化的文章，所以自己也想总结一些最近优化的手段和方法。 个人感觉性能优化的核心是：减少延迟，加速展现。 本文主要从产品设计、前端、后端和网络四个方面来诉说优化过程。一、产品设计 在网上看到一句话：好的性能是设计出来的，而不是优化出来的。 感觉好有道理，如果将性能瓶颈扼杀在摇篮里，那么后期的维护成本将变得非常低，并且在避免改造后，都不需要浪费资源了。1）聊天....
Web优化躬行记（4）——用户体验和工具
一、用户体验 用户体验（UE/UX）是指一个人使用一个特定产品、系统或服务时的行为、情绪与态度，还包含用户对于系统的功能、易用和效率的感受，因此用户体验在本质上可以视为一个人对于系统的主观感受与主观想法。 用户体验是动态的，由于不断变化的使用情况、不停变化的各个系统，以及变化发生背后的情境与脉络，因此它是随着时间而不断地变化着。1）Loading动画 有一份调查指出，用户能够忍受加载的最长....
Web优化躬行记（3）——图像和网络
一、图像1）响应式图像 浏览器根据屏幕大小、设备像素比、横竖屏自动加载合适的图像。 响应式的功能可以通过srcset和sizes两个新属性实现。 前者可指定选择的图像以及其大小，后者会定义一组媒体条件并声明填充的宽度。 在下面的示例中（在线查看效果），浏览器会先查看设备宽度，然后检查sizes列表中哪个媒体条件第一个为真，再查看该媒体查询的填充宽度，最后从加载的srcset列表中引用宽度....
Web优化躬行记（2）——JavaScript
一、语言1）慎用全局变量 当变量暴露在全局作用域中时，由于全局作用域比较复杂，因此查找会比较慢。 并且还有可能污染window对象，覆盖之前所赋的值，发生意想不到的错误。0 == '' //true0 == '0' //true3）简写 简写的方式很多，此处只会列举其中的几种，例如用三目运算替代if-else语句，或用&&...
Web优化躬行记（1）——CSS
Web优化的对象包括页面性能、用户体验、开发效率、代码优化、网络延迟等，本系列会列举出众多常用的优化技巧，每个技巧都可深入分析，在此只做抛砖引玉。 本系列优化内容提炼于《前端面试宝典》、《高效前端》、《高性能JavaScript》、《CSS重构》等书籍，以及《2020前端性能优化清单》等网络资源。 CSS优化包括减少样式量、合理使用CSS3特性、对样式分类、采用预处理器等。一、CSS选择....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
阿里UC研发效能
分享研发效能领域相关优秀实践，技术分享，产品信息
+关注