原文地址：传送门 WeTest 导读 此文总结了笔者在Web静态资源方面的一些优化经验。 如何优化 用户在访问网页时， 最直观的感受就是页面内容出来的速度，我们要做的优化工作， 也主要是为了这个目标。那么为了提高页面加载（或者渲染）速度呢？一般来说有三个方面： 1、代码逻辑：优秀的代码逻辑结构可以有 ...
分类：
Web程序 时间：
2018-02-27 12:40:20
阅读次数：
194
网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。 而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户 ...
分类：
Web程序 时间：
2018-02-26 13:38:30
阅读次数：
257
导语 当提到前端性能优化时，我们首先会联想到文件的合并、压缩，文件缓存和开启服务器端的 gzip 压缩等，这使得页面加载更快，用户可以尽快使用我们的 Web 应用来达到他们的目标。 资源预加载是另一个性能 当提到前端性能优化时，我们首先会联想到文件的合并、压缩，文件缓存和开启服务器端的 gzip 压 ...
分类：
其他好文 时间：
2018-02-13 19:30:41
阅读次数：
232
理如下 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存 ，图片服务器。 前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数 用innerHT ...
分类：
其他好文 时间：
2018-02-13 12:25:22
阅读次数：
203
简要：整个在浏览器的渲染过程中（页面初始化，用户行为改变界面样式，动画改变界面样式等）reflow(回流)和repaint(重绘) 会大大影响web性能，尤其是手机页面。因此我们在页面设计的时候要尽量减少reflow和repaint。 什么是reflow和repaint（原文链接：http://ww ...
分类：
其他好文 时间：
2018-02-07 16:49:24
阅读次数：
180
规则1 减少HTTP请求 规则2 使用内容发布网络 规则3 添加Expires头控制缓存 规则4 压缩组件 规则5 将样式表放在顶部 规则6 将脚步放在底部 规则7 避免css表达式 规则8 使用外部javaScript和CSS 规则9 减少DNS查找 规则10 精简javaScript 规则11 ...
分类：
其他好文 时间：
2018-02-07 16:48:19
阅读次数：
166
一、概述 web前端性能优化主要点为：减少HTTP请求，减小请求文件大小、其他优化。 二、优化细节 1、减少HTTP请求 （1）使用缓存 （2）雪碧图 （3）合并文件 （4）将javascript和css从外部引入 2、减小请求文件大小 （1）压缩html/css/js/图片文件大小 （2）减少DO ...
分类：
Web程序 时间：
2018-01-31 11:17:58
阅读次数：
220
1、web前端本质上是一种前端GUI（图形界面系统）软件，本可以直接借鉴其他GUI系统架构设计方法。但web前端有点特别 B/S 2、浏览器的一个请求从发送到返回都经历了什么？ 3、请求过程中一些潜在的性能优化点？ dns是否可以通过缓存减少dns查询时间？ 网络请求的过程走最近的网络环境？ 相同的 ...
分类：
Web程序 时间：
2018-01-23 18:27:29
阅读次数：
195
一、CSS方面： 1.精简css文件 移除额外的空格；细微优化等，减小文件体积。 2. 高效使用HTML标签和CSS样式 HTML是一门标记语言，使用合理的HTML标签前你必须了解其属性，比如Flow Elements，Metadata Elements ，Phrasing Elements。比较基 ...
分类：
Web程序 时间：
2018-01-17 12:27:34
阅读次数：
183
核心知识点： 1.排查网站性能瓶颈的手法：分析各个环节的日志，找出异常部分 2.Web前端：网站业务逻辑之前的部分（浏览器、图片服务、CDN） 3.优化手段 1）浏览器优化 （1）减少http请求 a.http请求的开销：建立通信链路、进行数据传输、，同时要启动独立的线程去处理。 b.减少http的 ...
分类：
Web程序 时间：
2017-12-28 11:48:49
阅读次数：
177
