导语 当提到前端性能优化时，我们首先会联想到文件的合并、压缩，文件缓存和开启服务器端的 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
进度列表 各自对本人任务进行详细规划，如制作调查问题，选取并熟悉前端性能分析工具， 详细了解使用所选待测产品和竞品产品等 截至目前，此次web测试任务已经全部完成，所有材料均按要求整理完毕，并已在spoc中提交。 ...
分类：
Web程序 时间：
2017-12-31 22:31:52
阅读次数：
251
今天我们解决了 b. 前端性能分析 和 c. 安全性分析 以及对其分析与总结。 前端性能分析，我们选中了一款工具，然后 我们小组选用一个测试工具测试网站的安全性，只有两个低危险漏洞。安全性明显比较高。 ...
分类：
Web程序 时间：
2017-12-31 22:26:25
阅读次数：
164
今日的任务进度如上图所示。我们对华科软件学院和计算机学院的网站进行了对比分析，分析的角度包括基本功能分析、前端性能分析、用户调研等。在这里我们简单总结下我们得到的评测结果。 基本功能分析：计算机学院和软件学院的主页，都包括了学院概况、本科教育、研究生教育、学工天地、学生党建和学科建设等功能。通过对比 ...
分类：
Web程序 时间：
2017-12-31 22:24:46
阅读次数：
239
