在互联网盛行的今天，互联网发展非常迅速，越来越多的在线用户希望得到安全可靠并且快速的访问体验，但用户们却不会视而不见。一瞥万维网的现状，可以发现我们并没有用同情心、变通意识去构建它，更不要说性能了。
在这个星球上的74亿人中，只有46％可以上网。平均网络速度上限为7Mb/s。更重要的是，有93％的互联网用户正在通过移动设备进行访问。
随着最新的高端笔记本电脑、手机和快速有线互联网连接，很容易让我们忘记，这些并不是每个人都有的条件！
如何才能提升网页性能呢？
一、优化与浏览器的处理资源
对于大多数网站，它将是HTML、必要的CSS、logo、网络字体，也可能是图片。在许多情况下，几十个其他不相关的资源（JavaScript、跟踪代码、广告等）影响了关键请求。我们能够通过仔细挑选重要资源并调整优先级来控制这种行为。
通过我们可以手动强制调高资源的优先级，确保所需的内容按时呈现。这种技术可以显著改善“交互时间”指标，从而使最佳的用户体验成为可能。
二、图片优化
图片通常占网页传输的大部分有效载荷，因此图片优化可以带来最大的性能提升。有许多现有的策略和工具可以帮助我们删除额外的字节，但是首先应考虑的问题是：“图片对于我想传达的信息和效果至关重要吗？”。如果可以消除它，不仅可以节省带宽，而且还节省了请求。
在某些情况下，可以通过不同的技术实现类似的结果。比如CSS就具有艺术方向的一系列属性，例如阴影、渐变、动画及形状等等也可以替代一些类似的图标或者图片，减少存储空间！
如果不能舍弃图片，确定哪种格式更合适就很重要了。首先要在矢量和光栅图形之间做出选择：
矢量图形：分辨率独立，通常体积更小。非常适合logo、icon和简单的图形，包括基本形状（线，多边形，圆和点）。
光栅图形：呈现更详细的信息，比较适合相片。
三、web字体优化
自定义字体是一项非常强大的设计工具。但是能力伴随着很多责任。现有68％的网站在使用 Web字体，这种类型的资源是性能杀手之一（平均轻松可达100KB，取决于变体和字体的数量）。
四、真正做到移动设备优先
“移动设备优先”并不是一个全新的概念。早在 2013 年，移动设备的使用量就已经超过了台式机，然而与众多口头承诺的移动性能相比，真正专注于移动设备的开发还是存在一定的差距。例如，2011 年 11 月，移动设备上的平均页面大小为 475KB，现在则增长至 897 KB。也就是说，在短短三年之间，平均页面大小几乎翻了一番。
尽管移动设备和网络取得了一些进展，但就性能而言，还是无法与大小已接近 1MB 的服务页面需求保持同步。我们知道，页面大小与加载时间息息相关，移动用户对缓慢的加载速度尤其敏感。如果企业希望网站可以真正做到“移动设备优先”，就必须正确处理这些问题。
