Magento教程 77:在Magento中整合CSS及Javascript

为了提升网站效能、减少HTTP requests,将众多的javascript及css整合在一起,是一件必要的工作。 关于这一方面,magento提供一个简便的方法,请参考下列教学步骤。

Step 1:

登入magento后台

依System > Configuration > ADVANCED > Developer > 找到JavaScript Settings 及CSS Settings。

Magento教程 77:在Magento中整合CSS及Javascript
Magento教程 77:在Magento中整合CSS及Javascript
Magento教程 77:在Magento中整合CSS及Javascript
Magento教程 77:在Magento中整合CSS及Javascript

Step 2:

将Merge JavaScript Files及Merge CSS Files设成Yes

Magento教程 77:在Magento中整合CSS及Javascript
Magento教程 77:在Magento中整合CSS及Javascript

Step 3:

记得清除cache。

让我们来看看整合前后的比较:

整合前:

Magento教程 77:在Magento中整合CSS及Javascript
Magento教程 77:在Magento中整合CSS及Javascript

整合后:

Magento教程 77:在Magento中整合CSS及Javascript
Magento教程 77:在Magento中整合CSS及Javascript

我们再利用Pingdom Website Speed ​​Test来检查一下整合前后的比较。

整合前:

Magento教程 77:在Magento中整合CSS及Javascript
Magento教程 77:在Magento中整合CSS及Javascript

整合后:

Magento教程 77:在Magento中整合CSS及Javascript
Magento教程 77:在Magento中整合CSS及Javascript

如果想要取消整合的话,只要将Merge JavaScript Files及Merge CSS Files设回No就可以了喔!

 

原文:http://www.astralweb.com.tw/magento-integrate-css-and-javascript/

本文:Magento教程 77:在Magento中整合CSS及Javascript

Tags:

Leave a Reply