Kryptronic Software Support Forum
You are viewing this forum as a guest. Login to an existing account, or create a new account, to reply to topics and to create new topics.
#1 12-11-2014 02:40:20
- sdn
- Member
- From: UK
- Registered: 05-29-2007
- Posts: 882
Page Loading Speed Improvements
We have Twitter, Pinit, Linkedin, Gooogle+ and Facebook icons. The Facebook icon was loading very slowly. It is alarming just how much they affect the sites performance.
One thing I came across was adding "async defer" to the script tag suggested by Google pagespeed insights. The google+ page says to use this code:
<script src="https://apis.google.com/js/platform.js" async defer></script>
<g:plusone></g:plusone>
I have added it to jslib. I have also added it to a few of the other js includes like qtip2, pinit, easing, mousewheel, json,md5. Does that look sensible? Adding it to the others messes up the pages.
Google have more suggestions for improving page speed at
https://developers.google.com/web/funda … mendations
Is there anything else there we could implement to help speed things up?
I have moved qtip2.css and jshowoff.css out of jslib and put them in the display skins as they are used on all pages. Is there a way we can change jslib so fancybox.css appears at the top of the jslib output when required?
Last edited by sdn (12-11-2014 07:18:30)
Simon
Offline
#2 12-11-2014 11:57:39
Re: Page Loading Speed Improvements
Have you optimized your images for the web? Lots of programs are available online to shrink the file size if you have not already done so. I also use Googles browser add'on and YSlow to examine pages and see what suggestions they have to increase performance.
Bryan
Hat Trick Sports, LLC
Offline
#4 01-12-2015 11:12:43
Re: Page Loading Speed Improvements
What files are compressed if caching and compression are enabled?
Looking at my own pagespeed insight analytics and wondering if I should compress media files like my jquery files, frontend.js, and also my css files. Does it effect my ability to read and edit the files in the admin?
and how to enable caching and compression in .htaccess ?
Offline
#5 01-13-2015 14:50:34
Re: Page Loading Speed Improvements
The caching and compression don't change how the files are saved or edited, just how the browser retrieves them. Add the following to the top of your .htaccess:
Code:
### ### Gzip Compression (SPEED) ### AddType application/x-font-woff woff AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/font-woff ### ### Caching (SPEED) ### <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 text/css "access plus 1 month" ExpiresByType image/x-icon "access plus 1 month" ExpiresDefault "access plus 1 month" </IfModule>
Nick Hendler
Offline