每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则，还有两本很经典的性能优化指导书：《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染，基本都能一一列举出来。这些性能 ...

一、为什么前端需要用到Dll？ 1、提升编译速度，在webpack中默认使用commoncheckplugin来进行公共依赖的抽取 但是没有提升编译速度，在大型项目中编译时间很长。 2、生成的依赖文件和第三方的依赖关系，文件缓存。 二、使用Dll用到哪些插件，都有什么作用 ...

前言 本文为 《高性能 JavaScript》 读书笔记，是利用中午休息时间、下班时间以及周末整理出来的，此书虽有点老旧，但谈论的性能优化话题是每位同学必须理解和掌握的，业务响应速度直接影响用户体验。 一、加载和运行 大多数浏览器使用单进程处理 UI 更新和 JavaScript 运行 ...

前端的页面主要包括xhtml,css,js。其实xhtml就是现实中所谈到的内容，页面的内容：文字，图片，flash,视频等。 而前端开发工作者可以控制的是什么呢？那就是xhtml，css，js的代码及相应的修饰（背景）图片。下面我就根据我自己的经验来说说： 一、提倡前端开发工程师在书写 ...

为提高前端工程webpack打包速度，对工程进行改造 第一部分：vue-cli2工程 可以采用js分包+压缩混淆升级+CDN加速+gzip压缩等手段进行加速 （1）分包，在webpack的配置中添加 (2)分包后，这些被排除的包将不会被打包进入vendor中去，那么我们就必须 ...

前言 随着计算机的发展，Web富应用时代的到来，Web 2.0早已不再是用div+css高质量还原设计的时代。自Gmail网页版邮件服务的问世开始，Web前端开发也开启了新的纪元。用户需求不断提高，各种新的技术层出不穷，前端工程师的地位也越来越重要。然而任何事物都是有两面性的，随着前端技术的发展 ...

一、网络优化 YSlow有23条规则，中文可以参考这里。这几十条规则最主要是在做消除或减少不必要的网络延迟，将需要传输的数据压缩至最少。 1）合并压缩CSS、JavaScript、图片，静态资源CDN缓存 通过构建工具Gulp，可以在开发的时候就将合并压缩的事情一起做掉。 之所以要做合并 ...

很多的前端开发者都比较关心性能的优化的问题，今天主要讲一下图片优化的见解和总结，可能很多人大神都知道我列出的知识点，那么开始整理一下图片优化的笔记吧,可能废话有点多，语言组织不到位的地方，大家多担待 每个前端网站都有可能引入很多的图片来达到酷炫或者展示的效果，有人会问？为什么非要用图片 ...