英文原文：How to Speed Up Responsive Websites

响应式网站设计主导已经有一段时间。如果你打算设计一个网站，选择建立一个本质上响应式的网站是你需要抉择的。尽管响应式的网站有性能问题，但这些可以通过小的调整、压缩和图像大小调整来解决。

基本上，响应式网站表现差一些使因为它加载所有加载到桌面的所有HTML元素。这意味着程序像在桌面一样。如何为响应式网站提速？！响应式网站能够加载压缩图像。

进行需要考虑网页大小的响应式设计时，你需要牢记这点：如果网页在3秒钟之内没有相应，57%的手机用户将会离开。所以，使你的网站响应是一件很重要的事情，另一件需要认真对待的事是网页的性能，仅仅具有响应是不够的。

如何改善网页性能？

正如我们所说的，性能需要通过不断改善来保持自身竞争优势。如果你的网站已经进行了响应式设计并且愿意检查网站的性能，那么你最好使用MobiTest，它可以帮助测试你网页设计的性能。如果你还没有创建你自己的设计，那么与其经历性能影响的痛苦，你最好在设计网页时就把性能因素考虑进去。

为了让你的网页性能更好，你需要知道一些基本的知识。你需要限制加载网页大小和资源，这样才可以为设计的性能优化留出空间。

有条件的加载:

有条件的加载不允许加载时直接加载内容，这样也确保了移动用户不会因为下载网站而拖慢机器。你需要牢记这点，网站在每个优化阶段需要进行全面的测试，这样你就很容易就能看到是什么引起的性能差异。

图片: 

为了使网站吸引人我们要插入一些图片，我们都知道在web上图像将占用更多的空间。另外还有一点必须牢记：适用于桌面图像可能不完全适合其他设备，它看起来很别扭。

如果一个网站有很多私密的内容，这将更大的影响网站的性能。这可以通过改变图像元素的来源来克服，使用自适应图像可能是一个更好的办法。

文字:

桌面和移动设备的文本外观是不同的。所以，记住你需要解决这个问题。FitText会帮你解决这个问题。它会基于屏幕尺寸自动更新字体的大小。但对标题它的作用很理想，对段落文本没有作用。

为什么选择响应式设计? 

响应式设计已经吆喝了很长一段时间了，你不能像过去一样创建网站，这是不符合现行标准的。你需要符合人们的期望，做一个实质上响应式的网站，要尽可能的创新。这是最新的网站设计趋势。

这就像是开发网站时，一个移动用户给桌面用户分享一个网页，需要有相同的体验。具备响应式的网站就够了，不需额外的工作。

总结:

智能手机和平板电脑已经对世界市场造成了冲击，PC的销量急剧下降。后PC时代，你只能看到小尺寸产品业务。人们现在更倾向于在运行Android或iOS的设备上工作。

手机使用率还在升高。这包括移动访问用户平均值提高23%，以及跳出率降低26%。总结来说，这些统计数据显示：网站必须是响应式的，而且应该提供更好的性能。

本文中的所有译文仅用于学习和交流目的，转载请务必注明文章译者、出处、和本文链接。 2KB翻译工作遵照 CC 协议，如果我们的工作有侵犯到您的权益，请及时联系我们。

2KB项目（www.2kb.com，源码交易平台）,提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务