Wednesday, December 12, 2018

Speeding Up Joomla Page Load Times

I have been getting helpful emails from Dart Creations about speeding up page load times with my Joomla sites.

Google has a page for testing page speeds and gives recommendations.

https://developers.google.com/speed/pagespeed/insights/

Lesson 1: Turn on Joomla Cache  – page caching

Lesson 2: Enable browser caching – browser caching

Lesson 3:  Enable GZip Compression – GZip compression

Lesson 4: Reduce / Compress Joomla images – compress images

Lesson 5:  Disable or remove unused plug-ins and Modules  – disable plugins

Lesson 6:  Try using JCH Optimize plugin –  JCH Optimize

Lesson 7:  Content Delivery Network – CDN
Your website can be given the ultimate speed boost by reducing the distance your content has to travel to reach its visitor. A Content Delivery Network (or CDN) delivers the heavy content of your site from a location which is very close to them. This is a trick major websites like Facebook, YouTube, CNN and NetFlix use to make sure their sites are fast. Images, CSS files, JS files, video and other content will have to travel much less. It does make your website lightning fast.

Lesson 8:  Put your site on a fast hosting platform – Hosting

Do yourself and (most of all) your website’s visitors a favour. Upgrade to a better hosting server. Get a faster website today. If you’re on a cheap plan – upgrade it.

Check out InMotion Hosting now. Or if you really love your website, go for a Virtual Private Server. They offer free transfers, so you don’t have to worry about down time or moving your site. It’s just plug and play.

Lesson 9: Use system fonts – This method was given to me by Bmorecreative, inc. They suggested the following article:

https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/

Lesson 10: Optimizing images – Optimize Images

I am also using a Joomart Template that uses the T3 framework, and here is a link that shows how to compress the CSS and JS files.

https://www.joomlart.com/video-tutorials/t3-framework/optimize-css-and-js

Theme Expert – has sent out a article on how they perfer to speed things up. I like the details the put into the article. Speeding up page load times without an additional plug-in.
https://www.themexpert.com/blog/the-beginners-guide-to-joomla-caching

 

I hope this helps someone else out there…

 

Joomla frameworks

I have been working with a couple of different templates and the frameworks they use.

Gantry:  http://gantry.org/downloads

T3:  http://www.t3-framework.org/downloads.html

Sparky: https://www.hotjoomlatemplates.com/sparky-joomla

EF4:  https://www.joomla-monster.com/knowledge-base-area/templates-documentation/general-info-ef4-framework-for-joomla-3-x/framework-ver-ef4

Zurb: http://foundation.zurb.com/

I don’t have an opinion on either of them yet.

 

I hope this helps someone else out there…

 

JCE Mediabox close button position on the left

I love the JCE mediabox for my Joomla builds. Recently the client wanted a responsive website to open a popup to a site that wasn’t responsive. The JCE mediabox settings of:

  • Resize Popup – No
  • Scrolling – Yes

The settings allowed the Popup to display the whole window. The overlay didn’t stretch all the full width so I added the following to my CSS.

#jcemediabox-popup-overlay {

min-width:1200px !important;

}

The next issue was the close button was on the right and hard to find. The user really had to scroll. To make it easier for the end user I wanted to put the close button on the left.  I used this link to help me get started:

https://www.joomlacontenteditor.net/support/forum/jce-mediabox-popups-close-button-x-location

I opened the following file “plugins/system/jcemediabox/themes/standard/css/styles.css ” and did a find for “jcemediabox-popup-closelink”. I changed “right:-15px;” to “left:-15px;” and the closed button was on the left just where I needed it.

I hope this helps someone else out there …