响应式设计是这个时代的热词，很多设计师认为它是移动互联网快速发展的世界中的理想选择。不可否认，响应式网站设计是相对便捷、高效的建站方式。然而，随着文件越来越大，页面加载代码增加，响应式网站在性能方面和加载速度的劣势越来越明显。这也是为什么有些人说响应式网站就是一个坑，认为PC端和手机端网站分开做会更好。但是，在这小飞想说响应式设计是当前网站建设的潮流趋势，虽然没人知道它会盛行多久，但就目前来看它是利大于弊的。为什么我们应该使用响应式网站?怎样才能有效改善响应式网站的性能、加快载入速度呢?且听小飞为您一一道来!

　　响应式网站的好处

　　虽然前面我们也有讲到过响应式网站的优点，但都只是略带提过。今天小飞就系统的介绍一下响应式网站设计的优点。首先，响应式网站几乎适用于任何屏幕，在不同设备上都能给用户提供友好的web界面。这个优点想必大家都是有目共睹的。其次，谷歌、百度等搜索引擎偏爱响应式设计。因为对于它们来说，浏览响应式网站不管是在电脑还是手机上只需要浏览一个url，而在浏览PC端和移动端分开的网站时需要浏览数不尽的urls，响应式更方便搜索引擎的操作;而且手机用户不断增多，用户更加欣赏响应式网站，搜索引擎也会更加青睐，这有利于网站的SEO优化。另外，响应式网站可以节约人力成本，同时维护一个PC端网站和移动端网站不管是在网站内容更新、SEO优化、后期维护等方面都会消耗大量时间与精力，而做一个响应式网站可以规避这些问题。还有，现在社交媒体风行，信息分享越来越流行，假如一个PC端用户想要电脑上的网站分享给移动端用户，他们肯定更希望两个网站的内容是一样的，响应式网站更能满足用户的这项需求。

　　网站建设的技术正在不断发展，虽然响应式网站存在自己的缺点，但新事物的发展本来就是一个曲折反复的过程，如何创新、完善响应式设计才是我们应该重点研究的课题。

　　为什么响应式网站加载速度变慢?

　　这里我们主要谈的是响应式网站在手机等移动端上面的载入速度变慢，因为PC端基本不存在这个问题。手机浏览网页加载速度慢，这与响应式网站(同时适用不同屏幕尺寸)的优势息息相关。虽然响应式网站会通过缩小或隐藏PC端的元素以适应窄小的手机屏，但是隐藏的内容同样会加载，html元素(包括那些专为PC端设计的)也会载入。这也意味着即使我们通过手机浏览网站，浏览的是和PC端一样大小的网页，有着同样的内容(图片、文本等)，而大多数用户使用3G、4G网路，用低分辨率的设备加载高质的图片，网页能不卡吗?尤其是在遇到内容丰富的网站时，页面迟迟加载不出来，极大影响了用户体验。

　　与此同时，研究表明如果3秒之内网站无法加载出来，57%的网络用户会选择直接离开。在这样的大环境下，如何给响应式网站提速、让它的性能更完善亟需解决。

　　怎样给响应式网站提速?

　　对于那些已经做好一个响应式网站，开始准备优化的站长来说，小飞建议你可以先使用一些测试的软件，比如Mobites，测量一下网页在不同设备上的载入性能，看看哪里存在问题，然后对症下药。当然，如果你刚来起飞页自助建站平台上正准备动手做网站的话，记得在设计和建设的过程中重点关注网站性能和加载速度，设计的同时考虑优化性能的问题，这比做好网站后再亡羊补牢靠谱多了。

　　不管你的网站时现在完成时还是现在进行时，为了提高网站在不同设备上的表现力，提高载入速度，减少页面元素和缩小页面尺寸都是必不可少的，想想怎样在不改变网站整体布局的情况下以最少的元素给用户传递最准确的信息(这与极简主义的设计思想不谋而合)。以下几点建议可以供大家参考。

　　1. 优化网站代码

　　代码作为浏览网站时必须读取的文件之一，我们必须重视对它的优化。所谓代码优化，就是指网站中JS脚本和CSS样本文件都应该遵循占据最少资源的原则(当然必要的资源需要被加载)，尽量压缩代码，保证不重复编写，为网站必要的资源和文件节省空间。通过一些工具就可以做到代码的"瘦身"，小飞在这推荐一款叫作Compass的工具---开源的CSS框架编写工具，而Javascript推荐UlifyJS，可以用来压缩代码。

　　2. 条件加载