首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能优化
订阅
墨言妹
更多收藏集
微信扫码分享
微信
新浪微博
QQ
8篇文章 · 0订阅
(译)2019年前端性能优化清单 — 下篇
52. 迁移到HTTPS,然后打开HTTP / 2 53. 正确部署HTTP / 2 54. 您的服务器和 CDN 是否支持 HTTP / 2 55. 是否启用了 OCSP stapling 56. 是否采用 IPv6 57. 是否正在使用 HPACK 压缩 58. 确保服务器…
(译)2019年前端性能优化清单 — 中篇
17. 使用 Brotli 或 Zopfli 进行纯文本压缩 18. 使用响应式图像和 WebP 19. 图像是否已恰当优化 20. 视频是否已恰当优化 21. Web 字体是否已恰当优化 22. 分清轻重缓急 23. 考虑使用 cutting-the-mustard 技术 2…
[译] 2019 前端性能优化年度总结 — 第一部分
让 2019 来得更迅速吧~你正在阅读的是 2019 年前端性能优化年度总结,始于 2016。 早些时候,性能都是所谓的“后顾之忧”。直到项目快结束的时候,它会被归结为代码压缩(minification)、拼接(concatenation)、静态资源优化(asset optim…
[译] 2019 前端性能优化年度总结 — 第二部分
让 2019 来得更迅速吧~你正在阅读的是 2019 年前端性能优化年度总结,始于 2016。 7. 100 毫秒响应时间,60 fps 为了使用户感觉交互流畅,界面的响应时间不得超过 100ms。如果超过了这个时间,那么用户将会认为该应用程序是卡顿的。RAIL,一个以用户为中…
(译)2019年前端性能优化清单 — 上篇
写在译前:首先介绍一下我自己,一个跨行业的、完全非科班生的文科单身狗。因为生计,走上了自学前端的荆棘之路,然后经过一路的摸爬打滚终于算是入了前端的这个门,自己也知道在前端这条道路上还有很长的路要走。平常生活中喜欢跑步,欢迎有同样爱好的大佬一起交流切磋。 这篇译文是在掘金Limi…
彻底搞懂浏览器Event-loop
前段时间,和头条的小伙伴聊天问头条面试前端会问哪些问题,他称如果是他面试的话,event-loop肯定是要问的。那天聊了蛮多,event-loop算是给我留下了很深的印象。原因很简单,因为之前我从未深入了解过,如果是面试的时候,我遇到了这个问题,估计回答得肯定不如人意。 因此,…
手把手实现图片懒加载+封装vue懒加载组件
以上实现的只是比较粗糙的版本,要真正实现性能大幅提升优化还需要处理较多的细节,本文旨在让帮助部分同学了解基本原理,有了宏观的认识后,可以尝试去读一下相关这种懒加载插件的源码,能学到不少东西。
图片视频瀑布流长列表性能优化实践
需求定义很简单,本来有一个这样的瀑布流页面,滚动加载更多卡片,在此基础上,增加视频支持,也就是说可能是图片也可能是短视频。视频要求在Wi-Fi时内联静音自动循环播放,不需要其他交互。 是不是非常简单的一句需求,要求也不高。 调研了视频内联播放的兼容性,问题不大。 静音播放也就一…