Skip to content

Latest commit

 

History

History
188 lines (178 loc) · 17.4 KB

optimization.md

File metadata and controls

188 lines (178 loc) · 17.4 KB
Raw

前端

  1. Web优化躬行记
  2. Google性能指南（部分内容已翻译）
  3. 实践一下前端性能分析
  4. 前端学Serverless系列--性能调优
  5. 前端页面性能参数搜集
  6. 你必须懂的前端性能优化
  7. 前端项目优化-Web开发常用优化方案、Vue&React项目优化
  8. 关于前端优化的一些方案
  9. 一次网站的性能优化之路--天下武功，唯快不破
  10. 面试之道性能篇
  11. 征服这道题，让你好好准备面试
  12. 从8道面试题看浏览器渲染过程与性能优化
  13. 2020前端性能优化清单
  14. 最强前端性能优化，Google已经为你准备好了
  15. 拯救你的年底KPI：前端性能优化
  16. 这些前端性能优化的知识我从来不告诉别人
  17. 腾讯企鹅辅导 H5 性能极致优化
  18. 渲染性能优化的全局视角，教你做的比别人好
  19. 浏览器前端优化
  20. 前端运行时动画性能监控
  21. 2021前端性能优化清单
  22. 得物AppH5秒开优化实战
  23. 9大高性能优化经验总结
  24. 性能分析优化的道与术
  25. 边缘渲染提速
  26. Web页面全链路性能优化指南
  27. Google 最新的性能优化方案，LCP 提升30%！
  28. 【译】Netflix 网页性能优化案例
  29. 前端性能优化之旅
  30. 驱动页面性能优化的3个有效策略
  31. 前端性能优化——首页资源压缩63%、白屏时间缩短86%
  32. 字节性能优化经验分享
  33. 当面试官问我前端可以做的性能优化有哪些
  34. 聊聊前端性能指标那些事儿
  35. 提升 Web 核心性能指标的 9 个建议
  36. 前端性能优化之页面加载
  37. 如何实现 H5 秒开？
  38. 从恋爱到前端性能优化
  39. 毫秒级突破！腾讯技术团队是如何做前端性能优化的？
  40. Fetch Priority 和优化LCP
  41. 实践指南-前端性能提升 270%
  42. 新一代 Web 预渲染技术！
  43. PC首页资源加载速度由8s降到2s的优化实践
  44. 如何实现 H5 秒开？
  45. 最体系化的前端性能优化详解
  46. 前端性能监控，带你拿到正确的性能指标
  47. 两行 CSS 让长列表性能渲染提升 7 倍！
  48. 满帮web页面首屏秒开解决之道
  49. 性能翻倍！京东亿级体量小程序优化实践
  50. 性能优化系列之用户体验的优化方案（渲染层面）
  51. TV端Web页面性能优化实践
  52. 前端性能优化手册 - RoadMap
  53. 你这人能不能灵活点？前端代码简单优化一下？
  54. 2024最新版：前端性能优化方案汇总
  55. 前端性能分析实践——以字节剪映web为例
  56. 性能优化：通用快照方案
  57. 亿级流量高并发春晚互动前端技术揭秘
  58. 前端性能优化
  59. 前端到底要怎么去性能优化？
  60. 全栈体系全链路架构最佳实践优化方案落地实施
  61. 3.40秒到231.84毫秒，我的前端性能瓶颈分析全流程
  62. 前端如何体系化性能优化？

JavaScript

  1. 前端网络、JavaScript优化以及开发小技巧
  2. JavaScript性能优化 DOM编程
  3. Canvas的一个性能研究：到底怎么影响我们的Canvas性能
  4. 100万个成员的数组取第一个和最后一个有性能差距吗?
  5. 讲讲PWA
  6. 你以为什么是perfomance之前端基础性能监测
  7. 如何提升JSON.stringify()的性能？
  8. 压缩 70% 下载流量 - 记一次店铺优化专项
  9. V8 引擎：基于类型推测的性能优化原理
  10. 面试官经常问的十个棘手的 JavaScript 问题
  11. 提高代码质量的 11 个高级 JavaScript 函数
  12. Qwik-前端性能的终极方案？
  13. Qwik.js框架是如何追求极致性能的?!
  14. 如何实现分片加载网络数据？让页面秒开无白屏！
  15. SPA 如何达到 SSR 一样的秒开效果？
  16. 两行CSS让页面提升了近7倍渲染性能！
  17. 初探富文本之基于虚拟滚动的大型文档性能优化方案
  18. 云音乐桌面端 3.0 改版前端性能优化之旅

React

  1. 浅谈React性能优化的方向
  2. React性能优化的8种方式了解一下
  3. ReactNative性能优化指南
  4. PureComponent 与 memo 存在的意义
  5. React 优化技巧在 Web 版光线追踪里的应用(上)
  6. React 优化技巧在 Web 版光线追踪里的应用(中)
  7. React优化技巧在Web版光线追踪里的应用(下)
  8. React 性能优化的那些事儿
  9. Lazy Loading with React–An Overview
  10. 谷歌工程师分享前端性能优化，渐进式的极致艺术
  11. 卡顿减少 95% — 记一次React性能优化实践
  12. 性能飙升50%，react-virtualized-list如何优化大数据集滚动渲染

Vue

  1. 提升90%加载速度——vuecli下的首屏性能优化
  2. 优化 Vue 项目技巧合辑
  3. 性能优化之图片懒加载使用vue-lazyload或IntersectionObserver观察检测者
  4. 性能优化之使用vue-worker插件（基于Web Worker）开启多线程运算提高效率
  5. vue3 table 性能优化，减少 85% 渲染耗时
  6. Vue.js关于父子组件数据双向绑定的思考以及四种实现方案
  7. Vue-router从配置使用到实战操作再到首屏优化
  8. Vue 框架提升加载速度的优化思路
  9. vite 打包中 <link rel="modulepreload">的深入理解
  10. 前端页面秒开的关键 - 小白也能看懂的同构渲染原理和实现
  11. Vue项目构建优化

图像

  1. 谈谈Web应用中的图片优化技巧及反思
  2. 前端性能优化之图片篇
  3. 图片预加载与懒加载
  4. 图片压缩、加载和格式选择
  5. 前端图片压缩方案
  6. Learn Images
  7. 现代图片性能优化及体验优化指南 - 图片类型及 Picture 标签的使用
  8. 现代图片性能优化及体验优化指南 - 响应式图片方案
  9. 现代图片性能优化及体验优化指南 - 缩放精细化展示及避免布局偏移、拉伸
  10. 现代图片性能优化及体验优化指南 - 懒加载及异步图像解码方案
  11. 现代图片性能优化及体验优化指南 - 图片资源的容错及可访问性处理
  12. 前端加载超大图片(100M以上)实现秒开解决方案
  13. The Ultimate Guide to Image Optimisation(图像优化终极指南)
  14. Sharp 0.32.0，基于 Node.js 的高性能图像处理库
  15. 《现代图片性能优化及体验优化指南》全集
  16. 前端加载超大图片实现秒开解决方案
  17. 性能优化——图片压缩、加载和格式选择
  18. 5.25秒变0.023秒：小程序图片优化全攻略
  19. 图片优化入门：前端工程师的图片效率指南

构建

  1. 前端必懂的webpack优化
  2. 使用Webpack优化你的第三方库
  3. Webpack优化——将你的构建效率提速翻倍
  4. 我修复了一个 Vite Bug，让我的项目首屏性能提高了 25%
  5. 浅析 SplitChunksPlugin 及代码分割的意义
  6. 我是如何把 Vite 的打包时间从 110s 优化到 25s 的
  7. 前端起dev从110秒减少到7秒, 开发体验大幅提升
  8. 前端性能优化：模块联邦-从入门到放弃

网络

  1. 前端性能优化的另一种方式——HTTP2.0
  2. 从优化到面试装逼指南——网络系列
  3. 爱奇艺海外 App 网络优化实践
  4. Robin 讲 HTTP/3
  5. HTML性能优化-Prerender2.0机制解读
  6. HTTP 3.0彻底放弃TCP，TCP到底做错了什么？
  7. 淘宝HTTP3/QUIC技术演进与实践
  8. Partytown.js，将第三方脚本从主线程中移出
  9. Partytown 如何消除第三方脚本所带来的网站膨胀
  10. Understanding CSS preload and other resource hints（理解CSS 预加载和其他资源提示）
  11. Optimizing resource loading with the Fetch Priority API（使用 Fetch Priority API 优化资源加载）
  12. 意外惊喜！浏览器缓存优化方案，让页面加载速度飙升48.5%！

SQL

  1. 数据库全量SQL分析与审计系统性能优化之旅
  2. 1.8w 字的 SQL 优化大全
  3. MySQL六十六问，两万字+五十图详解！有点六！
  4. MySQL索引背后的数据结构及算法原理
  5. 如何快速优化几千万数据量的订单表

实验室分析

  1. WebPageTest系列
  2. SEO Speed Mobile测试
  3. 我给项目加了性能守卫插件，同事叫我晚上别睡的太死
  4. 如何使用Chrome浏览器做前端页面性能分析
  5. 3.40秒到231.84毫秒，我用Performance面板分析性能瓶颈全流程

体验优化

  1. 业务中后台用户体验优化方法论总结
  2. 前端如何做好用户体验？
  3. 大厂实战！B端任务处理系统的体验优化流程总结

英文资料

  1. 2022 In Review: What’s New In Web Performance?
  2. Our top Core Web Vitals recommendations for 2023
  3. Tachyon，一个让页面导航更快的小脚本
  4. 为什么您需要了解网站的性能稳定状态（以及如何找到它）
  5. Interaction to Next Paint (INP): What is it and How to Improve It（Next Paint (INP) 是什么以及如何改进它）
  6. Improve Largest Contentful Paint (LCP) by removing image transitions（通过消除图像过渡来改善 LCP）
  7. JavaScript Optimization Techniques for Faster Website Load Times: An In-Depth Guide（JavaScript 优化技术深入指南）
  8. In Defence of DOMContentLoaded（捍卫 DOMContentLoaded）
  9. A faster web in 2024
  10. 图像优化新技术：SVG 短路处理
  11. INP 与用户体验真的有关系吗？
  12. Visualize Your Website's Render-Blocking Scripts