网站制作把图片做背景,网站的数据库做备份,商洛城乡建设局网站,html5 网站建设SPA是目前流行的前端开发模式#xff0c;相对于传统的多页面用户体验更好#xff0c;操作更顺畅#xff0c;开发效率也更高。但是SPA首屏加载速度慢一直是个致命的问题#xff0c;由于SPA应用首次打开需要一次性加载大量的静态资源#xff0c;这就导致了加载速度慢的问题相对于传统的多页面用户体验更好操作更顺畅开发效率也更高。但是SPA首屏加载速度慢一直是个致命的问题由于SPA应用首次打开需要一次性加载大量的静态资源这就导致了加载速度慢的问题下面将从静态资源优化和渲染优化两个方面来解决。
静态资源优化
1、减少静态资源大小代码压缩、图片压缩、Gzipcompression-webpack-plugin、代码拆分CommonsChunkPlugin
2、优化HTTP请求
http缓存CDN静态资源加速HTTP2加大请求并发数提高请求效率
3、优化资源加载时机
按需加载 (路由懒加载)懒加载图片懒加载预加载关键文件提前加载次要文件空闲加载
4、优化资源加载方式
SSR分包小程序分包H5分包
页面渲染优化
1、优化HTML代码js放底部css外链放顶部
2、减少重绘、重排
3、优化动画使用requestAnimationFrame使用transform和opacity属性来实现动画