跳到主要内容

react性能优化

prefetch

使用preloadprefetch,dns-prefetch等指定提早请求指定文件,或者根据状况,浏览器自行决定是否提早dns预解析或者按需请求某些资源。

  • 这里也能够webpack4插件实现,目前京东在使用这个方案~
const PreloadWebpackPlugin = require('preload-webpack-plugin')
new PreloadWebpackPlugin({
rel: 'preload',
as(entry) {
if (/\.css$/.test(entry)) return 'style';
if (/\.woff$/.test(entry)) return 'font';
if (/\.png$/.test(entry)) return 'image';
return 'script';
},
include:'allChunks'
//include: ['app']
}),