利用浏览器缓存和 CakePHP
我问我的主人他们是否支持 mod_expires,他们告诉我支持.我使用 CakePHP 并在 webroot/.htaccess
和 `app_root/.htaccess 中尝试了以下代码,但考虑到 css、js、png、jpg 等缓存存在问题,Google 的页面速度很慢.它找到了他们 24 小时!如下图所示
<FilesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">标头集缓存控制max-age=31449600, public"</FilesMatch>
以上代码摘自.在 cakePHP 1.3+ 中,主题视图资产已从 app/webroot/themed/themeTitle
移动到 app/views/themed/themeTitle/webroot
.
根据 CakePHP 1.3 文档 您可以通过创建 app/webroot/theme/themeTitle
来恢复主题静态资产的旧位置(即在主 webroot 中)
链接到静态资产与 1.2 略有不同.你还可以使用现有的 app/webroot/themed 并直接链接到那些静态文件.应该注意的是,您需要使用完整路径链接到 app/webroot/themed 中的资产.如果你想保留你的主题在 app/webroot 中的 assets 建议您 重命名app/webroot/themed 到 app/webroot/theme.这将使您能够利用核心帮助程序路径查找.以及保持性能不通过 PHP 提供资产的好处.
所以,我为解决这个问题所做的是将 app/views/themed/slate/webroot
中的所有文件复制到 app/webroot/theme/slate
以下屏幕截图来自 FireFox Firebug,显示图像文件在一年后以秒为单位过期:
I asked my host if they supports mod_expires or not, they told me that it is supported. I use CakePHP and I tried the following code in webroot/.htaccess
and `app_root/.htaccess but Google's page speed is stile considering there is issue in caching of css, js, png, jpg, etc. it found them 24 hour! as the screenshot shows below
<FilesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
Header set Cache-Control "max-age=31449600, public"
</FilesMatch>
The above code is adopted from this article.
Also I used the following:
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 year"
ExpiresByType text/html "access 1 month"
# ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 year"
ExpiresByType text/javascript "access 1 year"
ExpiresByType application/javascript "access 1 year"
# ExpiresByType application/x-shockwave-flash "access 1 month"
# ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 year"
</IfModule>
Also I tried to use both codes with each other but the Google Speed tell me the same. Look at the following screen shot:
I need to know how could I solve this issue?!!
Edit##
Using firebug in Firefox I noticed that only resources in the
app/views/themed/slate/webroot
are not be affected with the cache settings regarded above, but those found directly inapp/webroot
, i.e without, theming are affected well.
解决方案
It seems to be a bug in cakephp. In cakePHP 1.3+ the themed view assets have been moved from app/webroot/themed/themeTitle
to app/views/themed/themeTitle/webroot
.
According to CakePHP 1.3 documentation you are able to restore the old place (i.e. in the main webroot) of the themed static assets by creating app/webroot/theme/themeTitle
Linking to static assets is slightly different from 1.2. You can still use the existing app/webroot/themed and directly link to those static files. It should be noted that you will need to use the full path to link to assets in app/webroot/themed. If you want to keep your theme assets inside app/webroot it is recommended that you rename app/webroot/themed to app/webroot/theme. This will allow you to leverage the core helper path finding. As well as keep the performance benefits of not serving assets through PHP.
So, what I have done for solve this issue is to copying all files in app/views/themed/slate/webroot
to app/webroot/theme/slate
The following screen shot is from FireFox Firebug that shows an image file get the expire after one year in seconds:
相关文章