GitHub 博客园 Nanakon

随笔分类 -  303.Speed

异步操作
摘要: 阅读全文

posted @ 2016-09-03 19:03 jzm17173 阅读(104) 评论(0) 推荐(0)

DNS域名解析负载均衡
摘要: 阅读全文

posted @ 2016-09-03 18:22 jzm17173 阅读(85) 评论(0) 推荐(0)

反向代理
摘要:CDN和反向代理的基本原理都是缓存,区别在于CDN部署在网络提供商的机房,使用户在请求网站服务时,可以从距离自己最近的网络提供商机房获得数据;而反向代理则部署在网络的中心机房,当用户请求到达中心机房后,首先访问的服务器是反向代理服务器,如果反向代理服务器缓存着用户请求的资源,就将其直接返回给用户 阅读全文

posted @ 2016-09-03 18:16 jzm17173 阅读(109) 评论(0) 推荐(0)

gif压缩
摘要:保存选择颜色值小点会小很多 阅读全文

posted @ 2015-11-17 15:22 jzm17173 阅读(99) 评论(0) 推荐(0)

网页性能
摘要:网页性能管理详解 阅读全文

posted @ 2015-11-16 09:56 jzm17173 阅读(99) 评论(0) 推荐(0)

数据延迟加载
摘要:京东首页前端技术剖析与对比1.滚动到标签位置2.判断本地存储没有或者hash值不相等,就发起请求数据,数据保存本地存储3.判断本地存储hash值相等,读取本地存储数据 阅读全文

posted @ 2015-11-10 17:31 jzm17173 阅读(144) 评论(0) 推荐(0)

静态资源
摘要:全面静态化(能静态的内容),并放置到 CDN ,更快速稳定;去掉中间层( PHP/Python/Node ),直接 Nginx 阅读全文

posted @ 2015-10-13 11:00 jzm17173 阅读(94) 评论(0) 推荐(0)

-_-#【响应式图片】
摘要:实战响应式图片 阅读全文

posted @ 2014-12-30 09:57 jzm17173 阅读(118) 评论(0) 推荐(0)

-_-#【浏览器】
摘要:浏览器的工作原理:新式网络浏览器幕后揭秘 阅读全文

posted @ 2014-03-25 15:40 jzm17173 阅读(114) 评论(0) 推荐(0)

-_-#【网站优化】预加载(Pre-loader) / 预读取(Pre-fetching)
摘要:如何通过预加载器提升网页加载速度 阅读全文

posted @ 2013-12-02 15:36 jzm17173 阅读(166) 评论(0) 推荐(0)

-_-#【HTML 优化】
摘要:CSS引用(link)和导入(@import)的区别高性能HTML 阅读全文

posted @ 2013-10-23 14:00 jzm17173 阅读(76) 评论(0) 推荐(0)

-_-#【Cookie】使用无 cookies 的域
摘要:cookie-free域名提高网页效率 阅读全文

posted @ 2013-10-16 14:59 jzm17173 阅读(172) 评论(0) 推荐(0)

-_-#【网站优化】避免空路径
摘要:空路径对页面性能的影响高性能HTMLimg, script, link 的 src/href 为空时,有可能会导致冗余请求CSS 里,background url 为空时,也有可能会导致冗余请求除了空值,还有一个值也会出问题:#值a href 和 iframe src 一样,为空值和#值不会引发问题... 阅读全文

posted @ 2013-10-15 17:14 jzm17173 阅读(152) 评论(0) 推荐(0)

-_-#【CSS 优化】
摘要:高性能CSS关于css通配符性能问题不完全测试CSS的渲染效率border: none; /* 不写 border: 0; 但几乎都是写 border: 0;的。。 */不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的... 阅读全文

posted @ 2013-10-15 14:51 jzm17173 阅读(132) 评论(0) 推荐(0)

-_-#【减少 DOM 元素】textarea, script 延迟渲染
摘要:淘宝详情页的 BigRender 优化与存放大块 HTML 内容的最佳方式淘宝详情页的BigRender优化的最佳方式 </textarea> < &... 阅读全文

posted @ 2013-10-14 10:59 jzm17173 阅读(259) 评论(0) 推荐(0)

-_-#【JS 优化】把 JS 放到底部
摘要:一开始为以为Javascript脚本尽量放到页面底部加载,是指所有的JS脚本都要放到底部,后来才发现, 并不完全是这样,这里所指的脚本是指那些在加载过程中要执行的脚本,所以一般的处理办法还是页面头部引入JS链接,页面底部执行JS脚本程序。为什么要这么做呢?呵呵,其实很简单,为了实现最大的下载并行,页... 阅读全文

posted @ 2013-10-14 09:47 jzm17173 阅读(653) 评论(0) 推荐(0)

-_-#【缓存】
摘要:web制作、开发人员需知的Web缓存知识CSS缓存JS缓存图片缓存页面缓存接口缓存 阅读全文

posted @ 2013-10-11 09:06 jzm17173 阅读(130) 评论(0) 推荐(0)

-_-#【减少 DOM 访问】“离线”更新节点,再将它们添加到树中
摘要:Minimize DOM Accessjavascript 之 DOM 优化 阅读全文

posted @ 2013-10-08 11:32 jzm17173 阅读(417) 评论(0) 推荐(0)

-_-#【减少 DOM 访问】缓存已经访问过的元素
摘要:Minimize DOM Access Cache references to accessed elements选择器查询是开销很大的方法。所以,使用选择器的次数应该越少越好,并且尽可能缓存选中的结果,便于以后反复使用。比如,下面这样的写法就是糟糕的写法:jQuery('#top').find(... 阅读全文

posted @ 2013-10-08 11:28 jzm17173 阅读(137) 评论(0) 推荐(0)

-_-#【网站优化】AJAX
摘要:如何让搜索引擎抓取AJAX内容?Ajax 缓存: 两个重要的事实使用 AJAX事件触发 AJAX 请求。不要产生多次请求。对 AJAX 请求使用 GET 方法 Use GET for AJAX RequestsXMLHttpRequest POST 要两步,而 GET 只需要一步。但要注意的是在 I... 阅读全文

posted @ 2013-10-08 10:49 jzm17173 阅读(159) 评论(0) 推荐(0)

导航

轻音