Solución optimizada para el rendimiento front-end

La solución que vi en la cuenta pública está aquí. Usualmente uso el rendimiento del navegador para verificar el rendimiento.

Uno: optimización de webapck y compresión gzip abierta

 1.babel-loader用 include 或 exclude 来帮我们避免不必要的转译,不转译node_moudules中的js文件
    其次在缓存当前转译的js文件,设置loader: 'babel-loader?cacheDirectory=true'
    2.文件采用按需加载等等
    3.具体的做法非常简单,只需要你在你的 request headers 中加上这么一句:
    accept-encoding:gzip
    4.图片优化,采用svg图片或者字体图标
    5.浏览器缓存机制,它又分为强缓存和协商缓存

Dos: almacenamiento local: desde cookies hasta almacenamiento web, IndexedDB
explica las diferencias, ventajas y desventajas de SessionStorage y localStorage y cookie
Three: optimización de código

 1.事件代理
    2.事件的节流和防抖
    3.页面的回流和重绘
    4.EventLoop事件循环机制
    5.代码优化等等

No puedo encontrar el enlace al texto original, déjame ponerlo primero, invadirlo y eliminarlo.

91 artículos originales publicados · Me gusta 82 · Visitas 10,000+

Supongo que te gusta

Origin blog.csdn.net/qq_42893625/article/details/105040754
Recomendado
Clasificación