Giter VIP home page Giter VIP logo

web-performance-optimization's Introduction

在这里记录了自己做的一些性能优化工作。

📕 关于性能优化的关键词

性能优化的工具

Chrome DevTool、火焰图、瀑布流、时间轴、Fiddle抓包、Charles、AB 工具、网速设置工具

性能优化的网络优化

DNS-Prefetch、preload、preRender、TTL、TTFB、GZip、307 状态码

页面的优化

资源的压缩、打包、内敛，模块的懒加载、懒执行、懒渲染

代码层面的优化

重绘、回流、FPS、节流、去抖、去定时器、事件代理

📕 使用第三方网站获取性能测试报告

📕 学会用Chrome DevTools收集性能指标

📕 了解内存泄漏

📕 知道浏览器的工作原理以及渲染过程

📕 性能优化的网络优化

📕 首屏优化

📕 代码层面上优化

📖 JS优化

📖 DOM优化

📖 动画优化

📖 滚动优化

📕 底层上优化

📖 浏览器对代码做的一些优化

📖 JS与Native交互时相互通信的成本问题

📕 自动化的性能监控方案

📕 框架的性能优化（Nuxt.js|Vue.js|React|React Native）

📕 泛谈性能优化

📖 H5

📖 PC

📕 优化方案

📕 其它

web-performance-optimization's People

Contributors

hzuhyb avatar

Stargazers

avatar 钟离 avatar 忆梦 avatar AndyZhang avatar yueshuiniao avatar rainkiicyu avatar Ryu avatar avatar avatar avatar avatar qiuze avatar loot avatar yeee avatar avatar RonkTsang avatar Jray Zhang avatar avatar Echevarria avatar hwencc avatar Telford avatar scaletimes avatar avatar Chenyang avatar 胡伟杰 avatar avatar

Watchers

James Cloos avatar avatar qiuze avatar avatar

Forkers

telfordniu annalechevarria laidu823 fpgz6 chouzejkl kylelyk12 hyh-qz

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.