I use SocialEngine for my website, I want to speed my website so I have use Gtmetrix and PageSpeed to see what I can improve
I see that Add Expires headers have 0/100 ..
I have do research but how I can add on Exprires headers my CSS that look like this ..
https://www.exemple.com/application/css.php?request=application%2Fthemes%2Fmytheme%2Ftheme.css&c=2174&pageStart=332433&pageEnd=85951
https://www.exemple.com/application/css.php?request=application%2Fthemes%2Fmytheme%2Ftheme.css&c=2174&pageStart=667827&pageEnd=345656
https://www.exemple.com/application/css.php?request=application%2Fthemes%2Fmytheme%2Ftheme.css&c=2174&pageStart=1019386&pageEnd=6576458
How I can do ? Thank you
My .htaccess:
<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On
# Default directive
ExpiresDefault "access plus 1 month"
# My favicon
ExpiresByType image/x-icon "access plus 1 year”
# Images
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
# CSS
ExpiresByType text/css "access 1 month”
# Javascript
ExpiresByType application/javascript "access plus 1 year"
</IfModule>
Themes /application/themes/* We utilize a framework called CSS
Scaffold which makes editing your community's theme a simple process.
Each theme is stored in its own directory within
/applications/themes/. A default theme is automatically loaded when
you first install SocialEngine. Each theme contains two files:
constants.css and theme.css.
At the top of constants.css, you'll find a series of global CSS
settings (called "constants"). You can edit these to adjust the
colors, fonts, and other styles throughout your entire community.
The other file, theme.css, contains more specific styles that are used
throughout your community. Many of these styles inherit values from
constants.css. If you want to override any of the default styles on
your community, you can edit them here. If they aren't present in
theme.css (and are being loaded from outside the theme itself), you
can override them by adding new styles to the bottom of theme.css.
More information about how to work with CSS Scaffold is available on
Github or Google for CSScaffold for videos and tutorials.
You already have configured
ExpiresByType text/css "access 1 month”
so CSS files should have the correct header.
It seems, that application/css.php delivers the appropriate CSS file. In order to trigger the expires header, the script must also set the correct mime type for the CSS files returned.
This can be accomplished with a header of Content-Type
header('Content-Type: text/css');
Alternatively, you could also add your own Expires header, e.g.
$plus_month = date('r', strtotime('+1 month'));
header("Expires: " . $plus_month);
Related
i have a single .htaccess file for both admin panel and website.
In my website I am using apc cache for cache and it works fine in website,
but in backend/admin panel there are lots of issues due to cache.
now i don't need a cache in admin panal but website i need a cache
So, please tell me how I can write a regex in .htaccess for both website as well as admin panel.
Currently I am using this code in my .htaccess
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/svg+xml "access 1 month"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
## EXPIRES CACHING ##
For example :
cache works on : www.xyz.com/
cache not works on : www.xyz.com/admin
It looks like you are talking about assets like images, stylesheets and javascript.
Assuming that the assets are the same for the normal sections and the admin section, there is no easy way to do that in your .htaccess file: The browser will request the same urls, regardless whether the user is visiting a normal page or an admin page.
What you could do in your admin section in the code itself, is invalidating the cache by using unique filenames like /assets/css/style.css?v=UNIQUE_VERSION_NUMBER.
Here the unique version number could be the hash of your latest commit, a time-stamp, etc.
You can turn off by caching to a specific folder by using following code.
<Directory "your folder path(e.g. /www/htdocs/admin)">
ExpiresActive Off
</Directory>
Hope this may resolve your issue.
I've set up a htaccess file to cache data on my website for speed optimization.
However, I have the issue that some of my "external" sites on my webserver are therefore not updated unless forced to do so. Specifically, the following page I would like to avoid having to change version name on to update:
http://canlogger.csselectronics.com/downloads.php?q=canvas
I.e. this page loads content from a folder on my server unto a website. The problem is that the files in the folder, as well as the loaded release doc info is not updated automatically as it has been cached. This I would like to avoid (but keep caching for e.g. images etc.)
My htaccess looks like this:
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 week"
ExpiresByType image/jpeg "access 1 week"
ExpiresByType image/gif "access 1 week"
ExpiresByType image/png "access 1 week"
ExpiresByType text/css "access 1 week"
ExpiresByType text/html "access 1 day"
ExpiresByType application/pdf "access 1 week"
ExpiresByType text/x-javascript "access 1 week"
ExpiresByType text/javascript "access 1 week"
ExpiresByType application/x-shockwave-flash "access 1 week"
ExpiresByType image/x-icon "access 1 week"
ExpiresDefault "access 1 day"
</IfModule>
Any help would be appreciated!
Martin
First off, you shouldn't be using .htaccess files for this. On every single request, your web server has to load it, really making things inefficient. You should use a proper web server configuration that's loaded on start.
Next, you shouldn't let the web server dictate the caching control in this case. Your PHP script knows when its underlying data changes and can handle creating proper cache control headers, as well as generating an appropriate etag. See also: https://stackoverflow.com/a/4485194/362536
I'm new here so sorry if this is in the wrong category or something like that. Now getting to my problem. I have a website: www.windowstaan.pe.hu which also opens on a mobile app so in order to make it load fast I have enabled caching in .htaccess and here's its code:
## EXPIRES CACHING ##
<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 day"
ExpiresByType text/html "access 1 day"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##
Now what happens here is that any page I load in the browser can also be loaded offline which is what I wanted, but if I make any changes to the html then I'm not sure how its going to update here.
My html files are saved as index.php, PHP because they have some PHP code in them mainly include header, footer and a small mysql line.
Now what I want is for this homepage and every other html/php page to reload every day.
Please tell me what I need to do in .htaccess to set it like that.
I have tried setting html / css to 1 day there but that is not working perfectly as my app still loads the old cache. (My app is just a browser of windowsphone 8.1, IE11 probably.)
Thanks in advance.
The browser caching will base on the resource URL.
When you want to force browser to reload the new resource, you just change the URL by adding a version string.
For example, current image URL:
http://static.adzerk.net/Advertisers/af217662e49a4cbda030feae88418cdd.png
You can change to:
http://static.adzerk.net/Advertisers/af217662e49a4cbda030feae88418cdd.png?v=1
The version number can be controlled in your PHP code.
Version control number can be read/write from a text file in case you do not use DB.
Is there any way to save the css files of my site that are loaded with the tag at users' browsers for future use. I mean that I do not want the users to reload the css files each time they visit my site cause it makes the site slower. Can I achive this with html, javascript or php?
Thank you for your time!
It's good practice to leverage browser caching, as can be read here.
How you can do this is by editing your .htaccess file like so (example):
<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 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType text/javascript "access 1 month"
ExpiresByType image/x-icon "access 1 year"
</IfModule>
As you can see, with this code css files will be cached for 1 month.
Be careful setting your times, because the browser will not reload the file unless the time has expired or the name of the file has changed. An easy way to circumvent this would be to use versions in your file like so: main.css?v=1.0. The upside of this is you don't have to rename your files everytime, but downside is most proxies don't cache resources with a "?" in the url.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 6 years ago.
Improve this question
I have a php site using html5 run on a linux server on godaddy. I need to set a cache expiration date on static images and a css file. I also need to gzip a css file and cannot seem to find the correct syntax for either. I am not sure if I am making this too complicated or what. Am I correct to think I can get this done with an expire header in the top of my php pages? I feel lost and I know what i am doing! I do not have control over the server.
This is definitely possible if you have control over the server, and maybe possible through .htaccess if you're on shared hosting.
Try these SO questions:
How to gzip my files
How to set the cache expiry period of a whole folder of jpgs using .htaccess
Why isn’t my javascript & css caching ? (With full examples)
Godaddy can be extremely frustrating. I have been seeking a means of using expires header with Godaddy hosting for some time and haven't found a solution yet.
I have the following in htaccess ('A2592000' indicates 1 month) and it works with other hosts but not Godaddy :(
ExpiresActive On
ExpiresDefault A0
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/ico A2592000
ExpiresByType text/css A2592000
ExpiresByType text/javascript A2592000
I had completely same problem. Disaster with GoDaddy. Never more their hosting :(
But I found solution:
https://support.godaddy.com/help/article/6908/enabling-mod_expires-with-your-hosting-account?locale=en
I do not know how you manage your hosting but I use FileZila to connect to FTP. So after I connect to FTP you can rewrite .htaccess file :) so download original one and add this code after:
<IfModule mod_expires.c>
# Activate mod_expires for this directory
ExpiresActive on
# locally cache common image types for 7 days
ExpiresByType image/jpg "access plus 7 days"
ExpiresByType image/jpeg "access plus 7 days"
ExpiresByType image/gif "access plus 7 days"
ExpiresByType image/png "access plus 7 days"
# cache CSS files for 24 hours
ExpiresByType text/css "access plus 24 hours"
I hope this will help you. (it helped me:D)
You're looking for something like this:
Header set Cache-Control "max-age=2678400"
Where max-age is set in seconds.
Additional, if your contents is still not being cached, read my post at Why isn't my javascript & css caching? for additional cache-config-magic.
You can try this
<FilesMatch "\.(jpg|png|gif)$">
ExpiresDefault A0
Header set Cache-Control "max-age=0, no-cache, must-revalidate"
</FilesMatch>
Which mean, that expiration date is in access moment and set headers to 0 values.
As You can see, here You can add more filetypes
/via http://blog.simplemediacode.com/cache-expiration-on-static-images-and-content-with-htaccess/