![]C4V[7X~JQIHR36YZ`MV7.png]1# preload简介

一种资源预加载的方式。用于提高性能，方便开发人员控制资源加载。

preload 指示浏览器预先请求当前页面接下来会需要用到的资源。

在chrome中，采用 preload 预加载资源后，后续没有在对资源进行请求(3s)，控制台会提示说是否有必要预加载该资源。

阅读全文

2018-07-14 GaHingZ 2420 次浏览

前言

前端优化有个原则，叫资源懒加载。

对于某些js资源，我们在页面load前并不需要用到，加载反而会影响到首屏速度。

把这些js放到 load 后进行加载，我们称之为js异步加载。

阅读全文

2018-07-12 GaHingZ 2221 次浏览

内容

组件分散到2-4个主机名，这是同时减少DNS查找和允许高并发下载的折中方案

HTTP 重定向是一项用于将客户端重定向到设备专用网址的常用技术。

但采用重定向会增加延迟。

若必须重定向的话，请使用HTTP重定向（响应体为空）并用301(永久转移)或302（暂时转移）状态码。（两者区别在于302会被url拦截，具体百度

因为系统会根据 HTTP 请求标头中的用户代理来执行重定向。例子：

HTTP/1.1 301 Moved Permanently
Location: http://example.com/newuri
Content-Type: text/html

若难以实现HTTP重定向，则用js再去做。该做法多了文档下载，js解析的过程。

注意1：有一种常见的极其浪费资源的重定向，就是URL尾部缺少一个斜线的时候。

例如，跳转到http://astrology.yahoo.com/astrology会返回一个重定向到http://astrology.yahoo.com/astrology/的301响应（注意添在尾部的斜线）。

在Apache中可以用Alias，mod_rewrite或者DirectorySlash指令来取消不必要的重定向。

注意2：进行双向重定向与单向重定向

将访问桌面版网页的移动用户重定向到对应的移动版网页 -- “单向”重定向

在移动用户以及桌面设备用户分别访问桌面版网站和移动网站上的网页时，对他们进行重定向 --“双向”重定向

阅读全文

2018-04-28 GaHingZ 2431 次浏览