首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端优化
localhost127_0_0_1
创建于2022-08-04
订阅专栏
制造项目中的闪光点
等 1 人订阅
共4篇文章
创建于2022-08-04
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
对预渲染的更多的理解以及源码分析
如今的一些主流框架打包的项目都是单页web应用,在页面加载时会出现首屏加载速度慢的问题。本文列举的常见的三个解决方案,并对预渲染模块的prerender-spa-plugin源码进行注释分析
首屏加载速度优化——预渲染
优化首屏加载速度的方法有很多,比如说打包体积的减小等,本文在优化打包体积的基础上,使用预渲染进一步优化首屏加载速度。同时给出了相应的后端配置,解决了会闪一下主页的bug
SEO 优化——预渲染(prerender)
目前主流的SEO优化是通过前端的预渲染(prerender)或者服务端渲染(SSR)来完成的。使用SSR会增加服务器压力,本文选择使用比较简单的预渲染
打包体积优化(Vue)
针对Vue打包体积的减小问题,使用分析图分析在vue工程中各个部分占据的体积,使用按需引入、CDN等方法减小90%体积,优化首屏加载速度