性能优化常见的办法： 一、资源压缩与合并 资源压缩与合并 主要包括这些方面： html压缩，CSS压缩，JS的压缩和混乱以及合并。 1、html 压缩 html代码压缩就是压缩这些在文本文件中有意义，但是在HTML中不显示的字符，包括空格，制表符，换行符等，还有一些其他意义的字符，如HTML注释也可 ...
分类：
其他好文 时间：
2019-04-09 18:54:29
阅读次数：
158
在nodejs中，通过puppeteer来获取web页面中的window.performance对象，从而分析页面的性能
1.减少HTTP请求数 常用的方法，合并css，js（将一个页面中的css和js文件分别合并）以及 Image maps和css sprites等。 2.使用CDN（内容分发网络） 通过在现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的 cache服务器内，通过DNS负载 ...
分类：
其他好文 时间：
2019-04-03 12:46:21
阅读次数：
176
H5前端性能测试快速入门 说到H5测试，对于做WEB测试的同学来说再熟悉不过了，它包括页H5功能测试，前端性能测试，浏览器兼容性能测试，以及服务端性能测试。那本文谈到的则是H5前端性能测试，并希望通过阅读本文后，能够知道：H5前端性能测试什么？如何发现问题以及相应的优化规则。 一、浏览器渲染引擎 浏 ...
分类：
其他好文 时间：
2019-03-25 14:50:48
阅读次数：
170
首先来看一下前端性能优化所涉及的层面有如下四个：网络层面，构建层面，浏览器渲染层面，服务端层面 具体的优化点有：资源合并与压缩，图片编码原理和类型的选择，浏览器的渲染机制，懒加载与预加载，浏览器存储，缓存机制，PWA，Vue-SSR等等 首先来了解一下web前端的本质 web前端的本质是一种GUI软 ...
分类：
其他好文 时间：
2019-03-25 01:21:16
阅读次数：
252
对一个网站而言，CSS、javascript、logo、图标这些静态资源文件更新的频率都比较低，而这些文件又几乎是每次http请求都需要的，如果将这些文件缓存在浏览器中，可以极好的改善性能。 通过设置http头中的cache-control和expires的属性和HTML Meta标签，可设定浏览器 ...
分类：
其他好文 时间：
2019-03-24 23:27:10
阅读次数：
221
什么是HTTP压缩 HTTP压缩是指: Web服务器和浏览器之间压缩传输的”文本内容“的方法。 HTTP采用通用的压缩算法，比如gzip来压缩HTML,Javascript, CSS文件。 能大大减少网络传输的数据量，提高了用户显示网页的速度。当然，同时会增加一点点服务器的开销。 本文从HTTP协议 ...
分类：
Web程序 时间：
2019-03-24 23:23:44
阅读次数：
398
在最近，小米9卖的特别火，在官方抢购的时候基本都是一点既空。这不禁让我想到了，官网是怎样控制顾客不停点击发起请求而不导致官网崩溃的呢？这由此引出了前端性能的优化中的 防抖和节流。在闲聊完后你就会发现有些时候在抢购商品的时候，你用鼠标在几秒钟不停的按了数十次，或许它仅仅是发送了你第一次点击抢购的那个请 ...
分类：
其他好文 时间：
2019-03-15 13:15:00
阅读次数：
200
Hello,大家好，今天给大家分享下前端性能优化的方法，总共有以下几点。 减少 HTTP 请求数量 在浏览器与服务器进行通信时，主要是通过 HTTP 进行通信。浏览器与服务器需要经过三次握手，每次握手需要花费大量时间。而且不同浏览器对资源文件并发请求数量有限（不同浏览器允许并发数），一旦 HTTP ...
分类：
其他好文 时间：
2019-03-02 19:58:44
阅读次数：
225
1. 前端性能优化方式 ·合并ajax请求 ·CSSsprite ·静态资源CDN加速 ·资源缓存策略 ·service worker ·减少回流与重绘 变量本地化 ·script标签放在最后 2.闭包是什么？为什么使用闭包 闭包是函数代码块及它能访问到的变量的总称 闭包的作用：1.防止全局变量污染 ...
分类：
其他好文 时间：
2019-03-01 15:43:58
阅读次数：
231
