背景 对于程序开发者而言，开发一个项目不仅仅注重效率和功能，前端的性能问题也是非常重要的。这直接影响用户的体验，从而间接的也反应该项目质量的好坏。 影响项目性能的原因有很多，如：资源文件的大小，业务的繁杂程度等，所以前端优化的方式也很多。这些东西很零碎，容易被人遗忘。 优化一： vue-router ...
分类：
Web程序 时间：
2020-11-11 16:14:25
阅读次数：
17
前端需要性能优化么？ 性能优化一直以来都是前端工程领域中的一个重要部分。很多资料表明，网站应用的性能优化对于提高用户留存、转化率等都有积极影响。可以理解为，提升你的网站性能，就是提升你的业务数据（甚至是业务收入）。 性能优化广义上包含前端优化和后端优化。后端优化的关注点更多的时候是在增加资源利用率、 ...
分类：
Web程序 时间：
2020-10-18 17:03:58
阅读次数：
31
一 减少请求数量 a. 早期使用 gulp 合并 或者内嵌js，css， 现在用webpack。 b. 使用浏览器缓存，http1.0 （expired, last-modified, if-modifed-since）, http1.1 cache-control ETag, if-none-ma ...
分类：
其他好文 时间：
2020-07-28 22:42:17
阅读次数：
99
雪碧图 图片懒加载。【lazyload插件】 路由懒加载。【Vue】 webpack 压缩图片 使用cdn HTTP2 与 gzip压缩 Expires 模块的异步加载 缩小cookie体积 图标svg ...
分类：
其他好文 时间：
2020-06-29 13:43:29
阅读次数：
83
性能优化专题 阿里P8架构师谈：MySQL数据库的索引原理、与慢SQL优化的5大原则 阿里P8架构师谈：Web前端、应用服务器、数据库SQL等性能优化总结 大型网站Web前端优化最佳实践，以及最全优化工具集锦 阿里P8架构师谈：多线程、架构、异步消息、Redis等性能优化策略 性能问题简介 应用性能 ...
分类：
移动开发 时间：
2020-05-07 13:44:24
阅读次数：
81
优化的目的在于让页面加载的更快，对用户操作响应更及时，为用户带来更好的用户体验，对于开发者来说优化能够减少页面请求数，能够节省资源。 前端优化的方法可以分为两大类：第一类是页面级别的优化如http请求数、内联脚本的位置优化等，第二类是代码级别的优化，如JavaScript中的DOM操作优化、CSS选 ...
分类：
其他好文 时间：
2020-05-03 18:41:24
阅读次数：
75
浅谈前端优化的几个思路 https://ltoddy.github.io 雪碧图 页面中如果有很多图片、icon(小图标),这样会有很多HTTP请求,一个图就是一个HTTP请求,建立TCP连接进行三次握手,这些都是耗费时间的.如果页面icon很多,可以考虑用css spirit(精灵,汽水雪碧也是这 ...
分类：
其他好文 时间：
2020-04-30 13:31:07
阅读次数：
66
这周遇到了一个新需求，产品反馈地图瓦片服务的图片资源没有Http缓存，每次移动地图范围都会向后台发处请求/响应数据，影响了客户端的地图加载体验。所以需要增加这样一种缓存：1）针对同一个请求资源地址URL，首次加载需要缓存数据，后续加载直接读取缓存；2）后台数据发生更新时，需要实时更新缓存； 在完成这 ...
分类：
其他好文 时间：
2020-03-29 19:47:37
阅读次数：
76
前端优化已经是一个被写烂的题材了。 虽千万人吾往矣，这里我仅分享我的一些实践经验。 欢迎一起交流 欢迎关注我的个人公众号，不定期更新自己的工作心得。 正文如下 前端性能 1. 模块化 严格来说，代码模块化并不能带来性能上的提升，但我还是将模块化提出来，因为它真的很重要，重要到几乎所有的优化都与它息息 ...
分类：
其他好文 时间：
2020-03-29 10:44:10
阅读次数：
69
1. Vue Router的原理 学习博客： https://www.cnblogs.com/tiedaweishao/p/9144531.html https://blog.csdn.net/xiasohuai/article/details/81982821 2. HTTP 2.0新特性 学习博 ...
分类：
其他好文 时间：
2020-03-25 21:28:26
阅读次数：
64
