外贸网站加速的14个方法

想要加快外贸网站下载速度，却不知道问题出在哪里？本书以全球十大外贸网站做为案例分析的对象，包括Yahoo、Google、Amazon、YouTube等。只要了解大型外贸网站的经验法则，就可以指引你优化外贸网站效能的方向。

外贸网站的视觉设计及内容，是能否吸引访客的重要因素之一，但也不能因而顾此失彼，造成外贸网站效能的瓶颈。从过去的访客行为研究分析指出，等待一个外贸网站的呈现时间不能超过9秒钟，但面对目前外贸网站内容多媒体化的现实挑战，要达到这样的目标，在前端页面的设计上，也就需要多花些心思。

着重外贸网站前端的效能改善

《High Performance Web Sites》内容主要针对外贸网站前端的设计人员所设计。作者曾经担任雅虎CPO（Chief Performance Officer），在雅虎负责研究改善外贸网站效能的方法，他以多年的经验整理出14个外贸网站前端设计需要注意的准则。全书内容简明扼要，具有外贸网站设计经验的读者，可以快速领略要点；初次接触的生手，也可以透过本书建立良好的外贸网站设计观念。

14个方法提升外贸网站速度

如何有效提升外贸网站打开速度？作者针对外贸网站效能优化归纳出以下方针，并举例加以说明：

1. 减少需要发出HTTP Request的数量

当你设计的外贸网站中包含的组件数量越多，Client需要对外贸网站服务器发出的HTTP Request也会增加，同时也会延长外贸网站处理的时间。

2. 采用Content Delivery Network服务

由Mirror Image、Akamai、SAVVIS等业者所提供的Content Delivery Network（CDN，内容递送网络服务），可以供应强大的全球网络基础架构，将外贸网站以最有效的方式传送给全球使用者，并自动帮外贸网站选择最佳路径传送数据，例如，根据浏览者所本地、网络质量及流量状况，选择距离客户端最近的数据中心传送数据，确保外贸网站的浏览质量及运作速度。

3. 在外贸网站中加入过期档头

你可以利用这个设定让外贸网站具备快取机制，缩短页面加载时间，尤其是针对内容不常变动的外贸网站。当然这样的运用，得视你的外贸网站性质而定，若内容变动频率高的外贸网站，则不适用此方式。

4. 善用Gzip压缩机制

以XML/HTTP做为数据交换的开放格式已经十分普遍，传输的档案体积，较过去单纯的EDI方式增加许多，用传送压缩时间换取传输时间，也是一种提升效率的策略，目前常见的外贸网站服务器大都支持此项技术。你甚至也可以视情况选择压缩HTML、CSS及JavaScript的档案内容。

5. 将Stylesheet置于外贸网站页首

将样式表单（Stylesheet）置于页首，可以让CSS设定先行加载，在第一时间套用设定直接呈现外贸网站。相较于把样式表单放置在页尾，等所有内容都下载完毕后才套用，样式表单置于页首的作法，除了页面呈现速度较快，加载过程中也较不易造成空白页的出现。

6. 将Script内容置于页尾

许多实际状况中，外贸网站包含的Script程序，本身并不需要在加载后立即执行，所以作者建议将这些程序代码置于页尾，至少内容可以在传输前段时间即备妥，让使用者有较佳的浏览体验。

7. 避免CSS Expression的撰写方式

CSS Expression的目的，在于让自定义样式的语法可以取代部分的Script内容，虽然这么做很好用，但因外贸网站显示过程中花费较多的逻辑判断时间，造成外贸网站效能的致命伤。

8. 将JavaScript及CSS内容独立于外贸网站内容之外

透过独立内容的方式，让HTML本文档案缩小，而且可以同时被浏览器下载，以缩短外贸网站呈现的时间。

9. 减少DNS查找的次数，缩短取得外贸网站内容之前的前置时间

虽然外贸网站可以串连不同外贸网站来源的内容，但是不同外贸网站来源的内容一旦太多，便会延迟页面加载速度；如果能够减少外贸网站内不同外贸网站来源的内容，就可以减少从客户端发出的DNS Request数量，缩短DNS的查询时间。

10. JavaScript内容精简化

外贸网站中的JavaScript也是下载的一部分，所以当程序代码内容较多时，亦会直接影响外贸网站下载的速度。查看一下程序代码，移除不必要的部分。

11. 避免重导向

外贸网站重新导向是很方便的功能，但对于用户而言，他必须等待更多的时间直到最终页面被加载，所以应该尽可能避免使用重导向转址功能。

12. 移除重复的Script程序代码

重复的Script程序代码需要花费更多的下载时间，这个问题通常发生在程序代码未能妥善模块化的情况下，检查一下你的Script程序吧。

13. 善用Etag

透过设定Web Server中的Entity Tag方式，能决定外贸网站中被快取的内容，以加速外贸网站呈现，但也得视外贸网站内容特性而定，Etag主要运用在静态页面上，而动态显示内容的外贸网站则不适用此方式。

14. 让Ajax程序可做到暂存快

Ajax架构透过异步的传输方式，让使用者具有较佳的使用体验，却不见得是效能的保证。除了可以透过利用Gzip压缩、避免DNS查找次数、简化JavaScript内容之外，控制HTTP过期档头来快取Ajax外贸网站，也能发挥明显效果。