Cropit css cdn how to#

This can make the page appear slower or cause other rendering artefacts such as content jumping around the screen (that's called 'Layout Shift' in the browser jargon). Moreover, the more CSS, JavaScript and image files you have the longer it takes for them to all be loaded which means that the browser has to stop rendering the page and recalculate everything from scratch every time one of these files finishes loading up. Further to that, parsing large CSS and JavaScript files or decoding large images freezes up the main browser thread which, in simple terms, means that the browser cannot do any work for rendering the page (it can only download more data in the background). We tend not to think much about them, considering them secondary to our content, but they typically make up the majority of the data transferred from our site's server to the user's device when they are visiting a page. Arguably, not all of these changes make sense for all sites but the performance benefits you get are substantial.Ī large part of your site comes in the form of static media files: CSS, JavaScript, images and possible audio and video as well. These changes are more involved but can turn a junker of a slow site into a decently performing one. Today we're diving deeper into static media: JavaScript, CSS and image files.

Cropit css cdn how to#

In the second part of this series I described how to unlock a base level of performance out of your Joomla site with a few, simple changes.