#C11 Page Speed Insights

Check the scores of pages created with Drupal in Google Page Speed Insights.

Benchmark.

Google has made a tool publicly available to help you determine whether the structure of the website you have created is appropriate and whether there are display performance issues. In this article, we will use this tool to evaluate the performance of pages created with the Drupal and Bootstrap5 themes.

Page Speed Insights -> https://pagespeed.web.dev

1.Page Speed Insights.

-- ‘PageSpeed Insights provides reports on the actual performance of pages for mobile devices and PCs and how to improve such pages.’ --
From Page Speed Insights.

From the summary description.

  • "Scores are categorised as “Good”, “Medium” or “Low”. This calculation is based on the assumption that the developer is not considering any changes to the appearance and functionality of the page."
  • "Good: the page has been subjected to the maximum performance recommendations and has little room for optimisation. The page scores 80 or above."

A score of 80 or above is a good score.

This time, we will use Page Speed Insights to judge the pages have created.

1-1.Decision.

There are two types of pages on which judgments are made.

  1. Long and voluminous pages with text only.
  2. Pages that use images and contain a larger number of images

1.Text-only pages use #C08 Contact FormとSES Contact Form and SES. We have chosen this as we believe it is the best choice for making decisions due to its long text and multiple tables.

2.Pages with images use #L17 Leica SL2-S Four images are used, and the image size is also selected as optimal for making this judgment because three vertical compositions and large images are placed.

-- Evaluate on the Japanese language page. --

The judgement is made immediately using Page Speed Insights.

Decision Screen
Page Speed Insights judgement results.
Page Speed Insights judgement results.
Page Speed Insights judgement results.
Page Speed Insights judgement results.

The first one is the text-only mobile phone, the second one is the text-only desktop, the third one is the mobile phone with images and the fourth one is the desktop with images.

1-2.Judgement Result.

Text only mobile

  1. Performance // 99
  2. User assistance // 100
  3. Recommended method // 100
  4. SEO // 100

Text only desktop

  1. Performance // 100
  2. User assistance // 100
  3. Recommended method // 100
  4. SEO // 100

Mobile phone with image

  1. Performance // 99
  2. User assistance // 100
  3. Recommended methods // 100
  4. SEO // 100

Desktop with images

  1. Performance // 100
  2. User assistance // 100
  3. Recommended method // 100
  4. SEO // 100

Long text-only pages

  1. Mobile 399/400
  2. Desktop 400/400

Pages with images

  1. Mobile 399/400
  2. Desktop 400/400

The scores are better than expected for.

1-3.Consideration.

The score also proves that Drupal's rendering performance and structural optimisation are very good.

Page Speed Insights explains that a score of 80 or above is a Good decision and there is no room for optimisation to increase the score; this score shows exactly why Drupal is said to be SEO-friendly.

The Drupal settings are almost by default, and both Drupal and AWS are scored with the cache function switched off. Even though the site has just been built, has very little traffic and a small number of content, it is not completely empty, as there are around 30 articles and 30 listed pages.

When measuring WordPress pages, desktop gets a reasonable score, but it is quite difficult to get a mobile score of 80+ for performance on a page with images, and the score we have determined this time is a very good score.

The factors that produced this score were not only Drupal, but also the use of the BootStrap 5 theme, which has a significant impact, and the Mobile First philosophy that BootStrap has raised since the beginning, optimising the structuring of pages built using BootStrap, The elements known as responsive are also structured in such a way that they do not interfere with the display of the page.

The fact that Drupal has passed all of the Page Speed Insights checks for user assistance, SEO and page structure rules is also proof that Drupal's basic structure is excellent.

1-4.Conclude.

The results of this judgement are better than expected, and are the result of a decision by Google, a third party and very strict website evaluator, to rate websites built with Drupal and Bootstrap5 themes with the highest score.

This score is also attributed to pages that use Drupal and Bootstrap5 almost by default, with the minimum number of elements required. There are other factors in the score other than performance, such as the way the page is built and MetaTag, which we hope to explain in a separate article.

Page Speed Insights ratings do not judge the excellence of content, so it is not a good thing if this score is high in SEO, but it is one of the criteria by which Google systematically evaluates websites, so a high score is It is not a waste of time.

The original purpose of Page Speed Insights is that it is published as one of the criteria for websites that deserve to be included and scored by Google in its search index, with the aim of suggesting what to correct if they do not meet the criteria. In this case, a high score was achieved and no modifications are required, but if the score is low and there are problems, the guide will suggest modifications that can be made to improve the score.

Our website is not commercial and does not aim to generate advertising revenue, so we do not consider SEO to be an active part of our website, but it is an honour for us to receive the recognition that our content is worthy of being evaluated and published by Google in the information distribution system created by the giant tech company Google. It is not a bad thing for a website operator to receive this recognition, but it is also an honour.

The conclusion of this article is that the excellence of the basic structure of the Drupal and Bootstrap5 themes has been rigorously evaluated by a third party.

Next article
Drupal Admin Console.

The next section provides an overview of the Admin Console to help you understand Drupal.

Post
2024-11-04
Contributor
S.Takeda
Article
Related articles.

This is a related article on Drupal and web development. Please take a look if you like.

#C06 Installing Lightsail and Drupal.

The installation is easy to complete, as the virtual server called Lightsail and the optimised Drupal are installed at the same time.

#C26 Civic Theme

This is an article about Civic Theme, which sparked my interest in Drupal and led me to build and publish a website.

#C16 Basics of creating page.

I've been writing a series of articles on the basic concepts of Drupal that are necessary for creating pages, but since it's become a lot of articles and it's hard to understand, I'm going to organise them.

Side Bar 01

I migrated my lifestyle blog, which I created using Word Press, to Drupal, and I am currently updating it by adding articles in Drupal.

This is a blog written by a beginner who is learning Drupal.

This article will explain how to build a website using Drupal.

  All Article.

  Drupal Article.

  Web site Article.

  Mac Article.

  AWS Article.

This article is about second-hand clothes and fashion.

  All Article.

  Old-Clothes Article.

  Fashion Article.

  Watch Article.

  Photo Article.

  Recommended Shops.

Core Drupal 10.4.0

Theme Bootstrap5 4.0.3

  Drupal

  bootstrap5

  Bootstrap

  Font Awesome

  Amazon Web Service

  Amazon Lightsail

  Bitnami

  Google reCAPTCHA