前端性能优化
文章平均质量分 95
una_mattina7
这个作者很懒,什么都没留下…
展开
-
前端性能优化常见问题(访问URL流程、首屏加载、JS内存管理)
访问URL流程、首屏加载、JS内存管理原创 2023-01-13 09:48:53 · 530 阅读 · 0 评论 -
前沿性能优化解决方案(SVG、flexbox、preload/prefetch、预渲染、windowing、Skeleton)
移动端图标 SVG、flexbox、preload/prefetch、预渲染、windowing、骨架组件原创 2023-01-11 09:42:57 · 1081 阅读 · 0 评论 -
资源传输加载优化(Service Worker、HTTP2、SSR)
资源压缩、资源缓存、Service Worker、HTTP2、SSR原创 2023-01-09 10:03:02 · 792 阅读 · 0 评论 -
webpack性能构建优化
webpack4 引入了 mode 模式,可以配置开发和生产模式,就可以使用一些已经默认好的插件帮我们达到想做的效果原创 2023-01-06 11:28:29 · 1142 阅读 · 0 评论 -
前端资源(文件、图片、字体)优化
为什么要压缩&合并?减少 HTTP 请求数量,减少请求资源大小原创 2023-01-04 10:54:01 · 1306 阅读 · 1 评论 -
前端代码(HTML5、CSS3、JS)优化
JS 开销在哪,除了必要的加载外,还有解析编译以及代码的执行原创 2023-01-01 17:40:29 · 1053 阅读 · 0 评论 -
浏览器的渲染优化
浏览器怎么把页面渲染出来,渲染过程分很多环节,就是关键渲染路径(Critical Rendering Path)原创 2022-12-30 14:50:51 · 1072 阅读 · 0 评论 -
前端性能优化的指标和工具
性能测量工具都有一些关键的时间节点,比如:TTFB、首屏,这些时间节点是通过浏览器实现特定的API获取的,所以我们也可以通过API来直接获取这些数据。3.希望所有的异步请求要足够快(1秒之内把数据返回回来) 如果不行,做压缩,还是不行,先考虑前端交互上的优化(比如加一个loading动画)假如你做的是视频网站,如果用户不再看你这个页面了,这时候需要考虑节流,不再进行视频内容的加载(可以在页面上进行 Tab 切换测试)例如,尽可能减少预加载数据,以便您的应用快速加载,并利用空闲时间加载剩余数据。原创 2022-12-28 16:15:18 · 1018 阅读 · 0 评论 -
使用WebPageTest、Lighthouse和Chrome DevTools评估网站性能
进入网站首页WebPageTest ,选择Advanced Configuration进行个性化定制原创 2022-12-27 20:12:15 · 1523 阅读 · 0 评论