摘要:CDN和反向代理的基本原理都是缓存,区别在于CDN部署在网络提供商的机房,使用户在请求网站服务时,可以从距离自己最近的网络提供商机房获得数据;而反向代理则部署在网络的中心机房,当用户请求到达中心机房后,首先访问的服务器是反向代理服务器,如果反向代理服务器缓存着用户请求的资源,就将其直接返回给用户
阅读全文
摘要:京东首页前端技术剖析与对比1.滚动到标签位置2.判断本地存储没有或者hash值不相等,就发起请求数据,数据保存本地存储3.判断本地存储hash值相等,读取本地存储数据
阅读全文
摘要:全面静态化(能静态的内容),并放置到 CDN ,更快速稳定;去掉中间层( PHP/Python/Node ),直接 Nginx
阅读全文
摘要:CSS引用(link)和导入(@import)的区别高性能HTML
阅读全文
摘要:空路径对页面性能的影响高性能HTMLimg, script, link 的 src/href 为空时,有可能会导致冗余请求CSS 里,background url 为空时,也有可能会导致冗余请求除了空值,还有一个值也会出问题:#值a href 和 iframe src 一样,为空值和#值不会引发问题...
阅读全文
摘要:高性能CSS关于css通配符性能问题不完全测试CSS的渲染效率border: none; /* 不写 border: 0; 但几乎都是写 border: 0;的。。 */不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的...
阅读全文
摘要:淘宝详情页的 BigRender 优化与存放大块 HTML 内容的最佳方式淘宝详情页的BigRender优化的最佳方式 </textarea> &lt; &...
阅读全文
摘要:一开始为以为Javascript脚本尽量放到页面底部加载,是指所有的JS脚本都要放到底部,后来才发现, 并不完全是这样,这里所指的脚本是指那些在加载过程中要执行的脚本,所以一般的处理办法还是页面头部引入JS链接,页面底部执行JS脚本程序。为什么要这么做呢?呵呵,其实很简单,为了实现最大的下载并行,页...
阅读全文
摘要:web制作、开发人员需知的Web缓存知识CSS缓存JS缓存图片缓存页面缓存接口缓存
阅读全文
摘要:Minimize DOM Accessjavascript 之 DOM 优化
阅读全文
摘要:Minimize DOM Access Cache references to accessed elements选择器查询是开销很大的方法。所以,使用选择器的次数应该越少越好,并且尽可能缓存选中的结果,便于以后反复使用。比如,下面这样的写法就是糟糕的写法:jQuery('#top').find(...
阅读全文
摘要:如何让搜索引擎抓取AJAX内容?Ajax 缓存: 两个重要的事实使用 AJAX事件触发 AJAX 请求。不要产生多次请求。对 AJAX 请求使用 GET 方法 Use GET for AJAX RequestsXMLHttpRequest POST 要两步,而 GET 只需要一步。但要注意的是在 I...
阅读全文