Next step in our journey after Part 1 Caching and Part 2: Aggregation of our ultimate guide to Drupal performance is all about Drupal theming and this will be our part 3
The next part will be some general tips and tricks about CSS/JS and then we will release a full blown article containing all parts. so lets cut the intro and get right into it.
rel='preload'
and yes you can use <link>
for scripts as well - ResourceIn order for the browser to display your web page and use the styles you specified in the external CSS files, it has to load them first. This means that your web page won't be displayed until these files are loaded. In order to speed up the loading of your website, you can inline the parts from the external CSS files which are needed to render the above the fold content. After loading the page you can instruct the browser to load the rest of the CSS files via JS - There are many tools that you can use to achieve this but this one explains good enough and works: https://www.sitelocity.com/critical-path-css-generator
Also, check penthouse as well, Can be set up easily as a task runner task!
https://www.npmjs.com/package/penthouse - includes CSS for critical path above the fold in the HTML head.
Our very own Sven played around with both penthouse and critical and let me just quote him in our slack chat here:
Sven Berg Ryan
critical
is a wrapper forpenthouse
with the main advantage that it deliverscritical css
for several breakpoints in one file.
Note: To generate critical css, link_css module must be enabled, and you can not be using deter CSS loading in AdvAgg, otherwise you get an empty file. (Needs testing)
Critical_css module on Drupal
document.write
specifically for scripts injection - ResourceThe Liberian Observer is Liberia's first independent daily newspaper that envisions expanding into new markets and becoming the leading national digital newspaper. After thoughtful investigation they chose Ramsalt as digital partner.
With this ongoing pandemic across the globe, we are much more dependent on the internet. Most of us will sooner or later face some kind of disability to access the web world, which makes it imperative that our websites are accessible to everyone.
Torsdag 24. mars er Ramsalt med som arrangører av enda et PHP Meetup i Bergen.
Denne gangen skal vi holde et uformelt foredrag om Composer som er en av grunnsteinene i moderne Drupal- og PHP-utvikling.
Arrangementet er åpent for alle. Påmelding:
https://www.meetup.com/PHP-Bergen/events/284512676/
En avgjørelser fra 13. januar i Østerike konkluderer med at Google Analytics bryter med GDPR og er ulovlig å bruke.