Web前端性能优化教程09：图像和Cookie优化
蒙奇·D·撸码客 发布于 2016-04-21 10:39:52
本文是Web前端性能优化系列文章中的第九篇，主要讲述内容：图像和Cookie优化。完整教程可查看：Web前端性能优化一、图像优化图像基础知识gif:适用于动画效果，例如提示的滚动条图案jpg:是一种使用有损压缩的图片格式，它将图片的每个像素分解成8*8的栅格，然后对每个栅格的数据...
标签：web前端性能优化
Web前端性能优化教程08：配置ETag
蒙奇·D·撸码客 发布于 2016-04-21 10:38:06
本文是Web前端性能优化系列文章中的第五篇，主要讲述内容：配置ETag。完整教程可查看：Web前端性能优化什么是ETag？实体标签(EntityTag)是唯一标识了一个组件的一个特定版本的字符串，是web服务器用于确认缓存组件的有效性的一种机制，通常可以使用组件的某些属性来构造它...
Web前端性能优化教程07：精简JS 移除重复脚本
蒙奇·D·撸码客 发布于 2016-04-21 10:37:28
本文是Web前端性能优化系列文章中的第七篇，主要讲述内容：精简Javascript代码，以及移出重复脚本。完整教程可查看：Web前端性能优化一、精简javascript基础知识精简：从javascript代码中移除所有的注释以及不必要的空白字符(空格，换行和制表符)，减少java...
Web前端性能优化教程06：减少DNS查找、避免重定向
蒙奇·D·撸码客 发布于 2016-04-21 10:36:28
本文是Web前端性能优化系列文章中的第六篇，主要讲述内容：减少DNS查找、避免重定向。完整教程可查看：Web前端性能优化一、减少DNS查找基础知识DNS(DomainNameSystem)：负责将域名URL转化为服务器主机IP。DNS查找流程：首先查看浏览器缓存是否存在，不存在则...
Web前端性能优化教程05：网站样式和脚本
蒙奇·D·撸码客 发布于 2016-04-21 10:34:34
本文是Web前端性能优化系列文章中的第五篇，主要讲述内容：网站样式和脚本代码的放置位置、使用外部javascript和css。完整教程可查看：Web前端性能优化一、将样式表放在顶部可视性回馈的重要性进度指示器有三个主要优势——它们让用户知道系统没有崩溃，只是正在为他或她解决问题；...
Web前端性能优化教程04：压缩组件
蒙奇·D·撸码客 发布于 2016-04-21 10:33:39
本文是Web前端性能优化系列文章中的第四篇，主要讲述内容：压缩组件。完整教程可查看：Web前端性能优化基础知识gzip编码：gzip是GUNzip的缩写，是使用无损压缩算法的一种，最早是用于Unix系统的文件压缩，凭借着良好的压缩效率，现在已经成为Web上使用最为普遍的数据压缩格...
Web前端性能优化教程03：添加Expires头
蒙奇·D·撸码客 发布于 2016-04-21 10:32:54
本文是Web前端性能优化系列文章中的第三篇，主要讲述添内容：加Expires头。完整教程可查看：Web前端性能优化什么是Expires头？Expires存储的是一个用来控制缓存失效的日期。当浏览器看到响应中有一个Expires头时，它会和相应的组件一起保存到其缓存中，只要组件没有...
Web前端性能优化教程02：使用内容分发网络
蒙奇·D·撸码客 发布于 2016-04-21 10:31:42
本文是Web前端性能优化系列文章中的第二篇，主要讲述CDN的原理及简单应用。完整教程可查看：Web前端性能优化基础知识服务器离用户越近，HTTP请求的响应时间将更短。CNAME：别名记录，当多个域名需要指向同一服务器IP，可以使用一个域名做A记录指向该服务器IP，然后让多个域名指...
Web前端性能优化教程01：减少Http请求
蒙奇·D·撸码客 发布于 2016-04-21 10:27:09
本文是Web前端性能优化系列文章中的第一篇，主要讲述如何减少减少Http请求。完整教程可查看：Web前端性能优化性能黄金法则只有10%-20%的最终用户响应时间花在接收请求的HTML文档上，剩下的80%-90%时间花在HTML文档所引用的所有组件(图片，script，css，fl...
前端工程与性能优化
蒙奇·D·撸码客 发布于 2016-03-24 20:56:27
每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则，还有两本很经典的性能优化指导书：《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染，基本都能一一列举出来。这些性能优化原则大...