Website Page Speeds – OOWEBOO

Optimise Images – www.xneelo.co.za 

Large, or poorly optimised images is a common reason for slow websites. They take up unnecessary space, add strain on the server and take a long time to load.

The aim with image optimisation is to find the best balance between image quality and file size: the file size of very high quality images is too large and causes slow loading, but fast loading small images may be of poor quality.

How to fix it:

  • Ensure the images are in the correct file format
    Photographs or a complex images with lots of detail and colors should be JPEG.Screenshots, illustrations, or images with lots of text are best as PNG.
  • For simple animation (but you don’t want to embed a video player), use GIF.
  • Crop the image to focus on what is important. This reduces file size.
  • Resize to a pixel width that is suitable for viewing e.g. 600 pixels. Resizing should be done before uploading – although
  • WordPress allows the option of displaying smaller versions, the full sized version is stored.
  • Compress images using tools such as WP Smush , TinyPNG or CompressPNG/JPG

Optimise Video

Use Lazy Load for Video to speed up your site by replacing embedded Youtube and Vimeo videos with a clickable preview image. By loading the videos only when the user clicks on the preview image, using jQuery, no unnecessary JavaScript is loaded.