janyxh的博客

最近接手一个项目，特别乱，网站加速速度特别慢，成了大问题。来和我一起开启前端优化之路吧！我着重从几个方面入手整理：整理项目，清除冗余文件。卸载未用到的npm包。去除未用到的文件。抽取公用组件和方法，去掉重复的代码。抽取第三方js使用tinypng压缩图片使用路由懒加载开启nginx gizp压缩由于清除项目冗余包、文件和代码各项目不同，本文不做重点讲解。本文分成几...

二、开启路由懒加载上一章内容： 前端优化（一）：开启nginx gzip压缩本文继上一章，接着前一章，继续讲解如何做前端优化，以vue项目为例。路由懒加载依赖于webpack的分片，默认情况下，一个项目被webpack打包成一个 index.html, app.js, chunk-vendors.js, app.css，chunk-vendors.css和若干图片。单页应用下，只有一...

三、抽取第三方js，使用dll打包第一章内容：前端优化（一）：开启nginx gzip压缩第二章内容：前端优化（二）：使用路由懒加载本文继续前两章内容，继续讲解第三个前端优化方案：抽取第三方js。随着项目增长，引入的第三方js也越来越大。webpack将第三方js默认打成一个包，导致该js文件越来越庞大，严重影响首屏加载 。1.创建抽取的文件对象在项目根目录创建一个dll.co...

众所周知，Javascript是单线程。Web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。我们可以将一些与用户界面的dom操作无关的操作，放入Web Worker中运行，避免阻塞。注：在worker线程中你可以运行任何你喜欢的代码，不过有一些例外情况。比如：在worker内，不能直接操作DOM节点，也不能使用window对象的默认方...