前言 性能优化，一直作为前端的一个热点问题，作为一个优秀的前端开发人员，性能优化时必备技能。本文将从减少http请求次数、减少单次请求资源大小、渲染优化、资源加载优化等四个大方向，下分诸多小方向，全面总结常用前端优化方法。 (内容较多请看目录) 减少http请求次数 1.浏览器缓存策略 浏览器缓存机 ...
分类：
其他好文 时间：
2019-12-15 12:46:55
阅读次数：
99
更多gulp常用插件使用请访问： "gulp常用插件汇总" gulp useref 这是一款可以将HTML引用的多个CSS和JS合并起来，减小依赖的文件个数，从而减少浏览器发起的请求次数。gulp useref根据注释将HTML中需要合并压缩的区块找出来，对区块内的所有文件进行合并。 注意：它只负责 ...
分类：
其他好文 时间：
2019-12-14 17:22:17
阅读次数：
115
我发现我每次写博客都不太会开头，这里从网络请求三步骤开始吧：请求、处理、响应。 前端缓存主要是在“请求”和“响应”中进行。在请求步骤中，浏览器通过缓存能减少发送请求次数；在响应步骤中，浏览器和服务器相互配合，通过减少响应的内容从而减少传输时间 缓存位置优先级由上至下： Service worker ...
分类：
其他好文 时间：
2019-12-09 12:06:21
阅读次数：
90
使用Audits(调试工具) 体验评分： 避免图片太大而有效显示区域较小，浪费流量和降加载速度； 网络图片资源应开启 HTTP 缓存控制，减少请求次数； 避免请求的耗时太久，应优化好服务器处理时间、减小回包大小，可以使用触底加载； 避免短时间内发起太多的图片请求，否则会触发浏览器并行加载的限制，可能 ...
分类：
微信 时间：
2019-12-07 21:04:48
阅读次数：
558
安全拦截思路: 根据IP以及请求次数,该IP超过规定请求次数,就有很大可能是非正常用户进行的请求(比如WEB攻击),这时候进行拦截,拦截成功会提示:The allowed number of requests has been exceeded. 安全拦截的具体方法: 打开VS2017或VS2019 ...
精灵技术 减少服务器的请求次数 把一些小的图片整合到一张大的图 Fireworks与photoshop cs6使用差不多 使用方法： 1.主要针对小的背景图片使用，就是把多个小背景图片整合到一张大图片上 2.这个大图片也称之为sprites图或者雪碧图 3.移动背景图片位置可以使用backgroun ...
分类：
Web程序 时间：
2019-11-20 19:13:35
阅读次数：
104
什么是雪碧图雪碧图就是CSSSprite，也有人叫它CSS精灵，是一种CSS图像合并技术，就是把多张小图标合并到一张图片上，然后用css的background-position来显示需要显示的部分。为什么要用雪碧图可以减少加载网页图片时对服务器的请求次数，提高页面的加载速度，解决IE6鼠标滑过时出现闪白的现象。用雪碧图有什么弊端个人认为如果你的雪碧图不是很大，也不是很复杂基本没什么弊端。如果你的雪
分类：
Web程序 时间：
2019-11-19 09:21:25
阅读次数：
92
跟大家分享一个小知识点，自己也总结总结，fight 、fight 、fight ！！！ 前端优化系列之一：DNS预获取 dns-prefetch 提升页面载入速度 DNS Prefetch，即DNS预获取，是前端优化的一部分。一般来说，在前端优化中与 DNS 有关的有两点： 一减少DNS的请求次数， ...
分类：
其他好文 时间：
2019-11-10 15:37:58
阅读次数：
73
1. 减少 HTTP 的请求次数和传输报文的大小 -CSS SPRITE（雪碧图、图片精灵）技术 - 使用字体图标（ICON FONT）或者 SVG 等矢量图； 可以减少 HTTP 请求次数或者减少请求内容的大小 ，使图片渲染的更快：因为他们是基于代码渲染的，而对于位图（png/jpg/gif）是需 ...
分类：
其他好文 时间：
2019-10-17 23:37:49
阅读次数：
97
2018 年上半年四川请根据资料 2， 归纳小童获得“全市十佳科技特派员” 荣誉的原因。（20 分）要求：（1） 归纳全面， 语言简明；（2） 不超过 200 字。 资料 2：在 2017 年 T 市的“全市十佳科技特派员” 评选活动中， 小童以压倒性的票数获得第一名。 一个年仅 25 岁的年轻人， ...
分类：
其他好文 时间：
2019-10-09 12:14:02
阅读次数：
1011
