本站改版后的架构与优化——Hexo，分区解析，CDN，图像压缩等
去年，我把我的网站从 WordPress 迁移到了 Hexo。随后的一段时间里，我对 Hexo 进行了大量定制，包括修改主题，实现图片自适应，适配视频等。 基础架构本站使用 Hexo 博客框架生成静态网页，使用 Nginx 服务器分发静态网页、图片等。本站的静态文件和图片同时部署在全球四台服务器上，使用 Route 53 实现了分区解析和宕机后自动切换，使用 CloudFront 和 UPYUN CDN 分发视频。
更多使用 AMP 构建超快的移动页面
AMP (Accelerated Mobile Pages) 是 Google 的一个开源的项目，通过使用 AMP HTML，可以极其显著的提升网页加载速度。最近我在移动设备上使用 Google 的时候，发现很多网站都开始使用了 AMP。在从 Google 上进入一个 AMP 页面时速度更是异常的快，快到超乎想象——延迟几乎为零。本站也配置了 AMP，本文对 AMP 的一些特性进行一些分析，并介绍如何在 WordPress 上支持 AMP，并开发插件对其自定义。
更多
几个 WordPress 的加速建议
WordPress 是目前最流行的内容管理系统，本网站正是使用着它。但对于一个全新安装的 WordPress 来说，它的性能并不是很高，当网站的访问量突然增加时，优化性能就显得十分重要了。通过实施以下几个方案，可以大大提升 WordPress 访问速度：
更多使用 srcset + sizes 属性与 w 标识符解决一切响应式图片问题
使用 srcset 属性可以解决一切响应式图片问题，但这里分为两种情况，确定和不确定宽度的照片。相比之下，不确定宽度的照片更复杂些。 确定宽度的照片此处指的确定宽度照片，是指样式属性宽度设置为一个确定了多少 px 的照片。 随着越来越多的高设备像素比（指 device pixel ratio，下同）显示器出现，网站需要更高像素的照片来适配这些显示器。 比如有一张照片显示宽度为 200px，它在
更多
移动优先 – 速度
移动设备上的网速通常并不快，他们通常会有比宽带更慢的速度、更高的延迟，那么移动端的浏览器是如何加载页面的呢？这便是本文要介绍的内容。 其实无论是在移动端还是桌面端加载页面，都会需要以下几个步骤： 1. 解析域名域名通常对应着一个 IP 地址，浏览器只有在知道
更多
移动优先 – 起源
现有的桌面上的操作系统大多都有浏览器，浏览器可以让我们方便的浏览一个网页。 然而最初的手机浏览器访问网页是很困难的，因为它们分辨率不高、屏幕很小而且浏览器不支持众多前沿的 CSS 以及 JavaScript，使它们没有能力访问桌面版网站。那时的手机访问的网站都是专门为设备大幅度简化的版本，就像这样: 不过，直到 iPhone 的发布，这一切都得到了很大的改变。因为 iPhone 上的浏览器 —— Safari 是一个真正的且非常前沿的 Web 浏览
更多