{"id":954,"date":"2013-05-02T01:48:47","date_gmt":"2013-05-02T01:48:47","guid":{"rendered":"http:\/\/garysieling.com\/blog\/?p=954"},"modified":"2013-05-02T01:48:47","modified_gmt":"2013-05-02T01:48:47","slug":"halving-page-load-time-with-pngcrush","status":"publish","type":"post","link":"https:\/\/www.garysieling.com\/blog\/halving-page-load-time-with-pngcrush\/","title":{"rendered":"Reducing page load time by 75% with pngcrush and Apache caching"},"content":{"rendered":"

Run a test using webpagetest:
\nhttp:\/\/www.webpagetest.org\/<\/a><\/p>\n

\"Screen<\/a><\/p>\n

Found this link on different options to pngcrush:
\nhttp:\/\/www.webupd8.org\/2009\/11\/compress-png-files-with-pngcrush.html<\/a><\/p>\n

The best option turns out to be one of the comments. I got about 50% reduction in file sizes, which took 2\/3 of the page load time off:<\/p>\n

First, make a backup of the wp-content\/uploads directory. Then in uploads do this:<\/p>\n

for file in `find . -name \"*.png\"`;do \\\necho $file; \\\npngcrush -rem allb -brute \"$file\" tmp_img_file.png; \\\nmv -f tmp_img_file.png $file; \\\ndone;<\/pre>\n
To add caching to Apache:<\/p>\n
sudo a2endmod disk_cache\nmkdir cache\nchmod u+w cache\nchown apache-user:apacheuser cache<\/pre>\n
Add the settings from here to apache2.conf:
\nhttp:\/\/www.philchen.com\/2009\/02\/09\/some-tuning-tips-for-apache-mod_cache-mod_disk_cache
\n<\/a><\/p>\n
<pre><\/p>\n
CacheRoot \/somewhere\/cache
\nCacheDefaultExpire 3600
\nCacheEnable disk \/
\nCacheDirLevels 2
\nCacheDirLength 1
\nCacheMaxFileSize 1000000
\nCacheMinFileSize 1
\nCacheLastModifiedFactor 0.1
\nCacheMaxExpire 86400
\nCacheStoreNoStore On
\nCacheStorePrivate On<\/p>\n
<\/pre><\/p>\n
Note he has some settings duplicated. I also feel that the default cache timeouts may be low for a blog – an hour versus a day or week. I removed some of his settings, as they ignored URL parameters which identified specific posts, leaving all posts to render the same way.<\/p>\n
Overall this has a similar effect to installing Varnish as a cache – this is simple on VPS though, and took no effort to set up. My past efforts to set up nginx\/WP-Super-Cache etc have all ended in frustration. The last step of Apache caching has remove about another 30-40% off the page load time.<\/p>\n
To make WordPress work, “RewriteRule . index.php [L]<\/tt>” into “RewriteRule ^(.*)$ index.php\/$1 [L]<\/tt>“. This ensures URL parameters are passed through, without which a lot of things cache as the same thing, when they shouldn’t.<\/p>\n
You should also add this to the Apache configuration – this prevents sending gzipped content to clients that don’t support it.<\/p>\n
Header append Vary: Accept-Encoding<\/p>\n
Here’s the final result:<\/p>\n
\"Screen<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Run a test using webpagetest: http:\/\/www.webpagetest.org\/ Found this link on different options to pngcrush: http:\/\/www.webupd8.org\/2009\/11\/compress-png-files-with-pngcrush.html The best option turns out to be one of the comments. I got about 50% reduction in file sizes, which took 2\/3 of the page load time off: First, make a backup of the wp-content\/uploads directory. Then in uploads do … <\/p>\n
Continue reading “Reducing page load time by 75% with pngcrush and Apache caching”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[4],"tags":[535],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t