There are many ways to improve website speed in Drupal 8. They include smart caching, responsive images styles, CSS/JS Aggregation, and more — discover them in this post.
Free on Wednesdays T Shirts Free on Wednesdays Sweatshirts
Tips To Increase The Speed Of Drupal 8 Websites
1. 14 GREAT WAYS
TO IMPROVE
WEBSITE SPEED IN
DRUPAL 8
INTERNETDEVELS
2. How fast should a website load?
The classic recommendation is to keep the
website loading speed within 1.5 seconds.
INTERNETDEVELS
3. GREAT WAYS TO IMPROVE
WEBSITE SPEED IN DRUPAL 8
INTERNETDEVELS
4. • improves website speed for
anonymous users, serving your web
pages to them very fast
• does not work with dynamic content
for anonymous users
SETTING UP THE INTERNAL
PAGE CACHE MODULE
1
INTERNETDEVELS
5. • improve speed both for anonymous and
authenticated users
• caches web pages excluding the
personalized parts
SETTING UP THE INTERNAL
DYNAMIC PAGE CACHE
MODULE
2
INTERNETDEVELS
6. • loads the unpersonalized
page elements first and the
dynamic ones next
3
SETTING UP THE BIGPIPE
INTERNETDEVELS
7. • cache tags allow you to refresh the cache
when something changes
• cache contexts allow you to show different
content depending on the context
• cache max-age determines how long the
item should be cached
4
CACHING METADATA
INTERNETDEVELS
8. • allows you to configure tag-based and
time-based caching in Advanced
settings
CACHING IN
DRUPAL 8 VIEWS
5
INTERNETDEVELS
9. • reduces the number of HTTP requests
needed for the page to load
• reduces of data transferred
OPTIMIZING THE BANDWIDTH:
CSS/JS AGGREGATION IN
DRUPAL 8
6
INTERNETDEVELS
10. USING THE PREFETCHING
TECHNIQUE
7
• to speed up the delivery of pages
the content from the links begins
to be saved in the cache
INTERNETDEVELS
11. 8
USING THE EXTERNAL
CACHE SYSTEMS
Give your website an extra speed boost
by using an external cache system —
Redis, Varnish, Memcached, and so on.
INTERNETDEVELS
12. A content delivery network can deliver
your content to users faster due to
being a geographically distributed
network of proxy servers.
USING A CDN TO
IMPROVE WEBSITE SPEED
9
INTERNETDEVELS
13. Drupal 8 allows you to provide
responsive images that will look
optimal on every device.
PROVIDING THE RESPONSIVE
IMAGE STYLES IN DRUPAL 8
10
INTERNETDEVELS
14. Lazy loading allows you to only load the media
that is in the current user’s viewport. In Drupal
8, lazy loading can be applied with the help of
contributed modules.
USING THE LAZY LOADING
FOR BETTER PERFORMANCE
IN DRUPAL 8
11
INTERNETDEVELS
15. USING THE LATEST VERSION OF
PHP TO IMPROVE WEBSITE SPEED
12
Since PHP improves with each new
version, it’s reasonable to keep it
updated on your website’s server.
INTERNETDEVELS
16. You will greatly improve your site speed
by disabling unused modules or
replacing heavy ones with better
alternatives.
CLEANING UP THE
UNNECESSARY MODULES
13
INTERNETDEVELS
17. JavaScript frameworks are known for
their exceptional capabilities in high
loading speeds. It’s trendy to integrate
them into Drupal 8 sites.
INTEGRATING WITH
JAVASCRIPT FRAMEWORKS
14
INTERNETDEVELS