浏览器缓存是前端开发中不可避免的问题，对于web应用来说，它是提升页面性能同时减少服务器压力的利器。本文将简单地描述总结下浏览器缓存的知识和应用，希望对自己和大家都有所帮助 浏览器缓存类型 有两种，强缓存和协商缓存 1.强缓存：不会向服务器发送请求，直接从缓存中读取资源，在chrome控制台的net ...
分类：
其他好文 时间：
2017-04-13 11:05:08
阅读次数：
163
前段性能的意义 对于访问一个网站，最花费时间的并不是后端应用程序处理以及数据库等消耗的时间，而是前端花费的时间（包括请求、网络传输、页面加载、渲染等）。根据web优化的黄金法则：80%的最终用户响应时间花在前端程序上，而其大部分时间则花在各种页面元素，如图像、样式表、脚本和Flash等，的下载上。减 ...
分类：
Web程序 时间：
2017-02-18 20:09:59
阅读次数：
286
前端开发规范 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度. 文件规范 1、 html, css, js, images文件均归档至<系统开发规范>约定的目录中; 2、 html文 ...
分类：
其他好文 时间：
2017-02-14 20:42:26
阅读次数：
828
经常会看些性能分析的书，但是实际在做优化的时候又无从下手。 因为没有数据，也不能确定实际用户到底在哪一环影响了他们的性能。 现在H5提供了一些很方便的Performance接口，可以让我们更方便的搜集到用户的数据，不过有几个方法的兼容性实在太差。 插件已经上传到Github中，可以在这里获取到，in ...
分类：
其他好文 时间：
2017-01-21 07:37:23
阅读次数：
307
基于现在大多网站数据很多，由于页面性能问题我们都开始对站点使用缓存进行性能优化 Memcache扩展下载：http://windows.php.net/downloads/pecl/releases/memcache/3.0.8/ 1. memcache的安装 在下载之前，要先了解下载的是ts/nt ...
分类：
系统相关 时间：
2017-01-12 17:21:23
阅读次数：
202
一、浏览器加载过程：1、建立连接过程 (1) 浏览器查找域名的IP地址 (2) 浏览器给web服务器发送一个HTTP请求 (3) 服务器发送永久重定向响应 (4) 浏览器跟踪重定向地址 (5) 服务器“处理”请求 (6) 服务器发回一个HTML响应2、浏览器渲染解析HTML ↓构建DOM树 ↓渲染树 ...
分类：
Web程序 时间：
2016-12-16 07:49:23
阅读次数：
249
如何进行前端优化 （1） 减少http 请求次数：css spirit（多张小图放一个大图上，用定位选择不同小图）,data uri（压缩图片大小） （2） JS，CSS 源码压缩（3） 前端模板JS+数据，减少由于HTML 标签导致的带宽浪费，前端用变量保存AJAX 请求结果，每次操作本地变量，不 ...
分类：
其他好文 时间：
2016-11-27 17:02:43
阅读次数：
126
jqueryValidation: jquery-UI 小组组长;https://jqueryvalidation.org/;从页面性能的角度来说: 最好是把js的引入放在结束的body标签上面;基本功能： validate:插件的核心方法; rules:对那些元素规定规则： required:必须 ...
分类：
Web程序 时间：
2016-11-18 06:31:49
阅读次数：
159
1、尽量减少HTTP请求次数 终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又 ...
分类：
Web程序 时间：
2016-10-18 11:37:27
阅读次数：
335
在图片加载完成之前就获取到图片的高度和宽度，对于提高页面性能和交互有非常巨大的作用，相信大家也是明白的。 其实原理非常简单，利用的就是浏览器加载图片时的一个策略：当图片头部信息加载完成后，浏览器即获知了图片的大小，然后就会在页面上空出相应的区域来，然后再下载图片的剩余数据并且显示到之前空出的区域中。 ...
分类：
其他好文 时间：
2016-10-04 13:49:45
阅读次数：
137
