British Airways is the flag carrier airline of the United Kingdom, and is headquartered in London. As of 2021, the airline generated over £3.6 billion in revenues, and flies to over 183 destinations.
A speed report from Lighthouse paints a rather grim picture and scores British Airways (BA) website 11.9 seconds on the speed index (SI), and 27 on Performance.
There are many reasons why the British Airways (BA) website is so slow. This includes:
- Bloated JavaScript files
- Unused CSS files
- Render-blocking resources
- Inefficient Scrolling Performance
- Ineffective Caching Policy
Let’s look at each of these reasons and identify potential ways that British Airways (BA) can make its website load faster.
But before we do that, a quick word about our website CWVIQ.com - we are a free email alert service that sends out notification any time your website is loading very slowly (often due to heavy traffic, or poor scripts). If you have a website, consider setting up an alert so that you can fix issues before they become major. Bloated JavaScript files
British Airways (BA) uses a lot of JavaScript to run its website. However, loading them all from one source could slow up the performance of the website. British Airways (BA) can avoid this by splitting the code into smaller files. This way, you only load files that are necessary.
The British Airways (BA) website can be as much as 0.9 seconds faster by adopting this technique.
Unused CSS files
British Airways (BA) uses CSS files to load the styling elements for the website. However, this file contains a lot of unused scripts that can be slowing down page loading by as much as 0.3 seconds. Code splitting may help avoid this issue.
Render-blocking resources
There are scripts on the British Airways (BA) website that need to run first before they let the rest of the code be executed. The render-blocking resources issue can shave off around 1.31 seconds from the loading time for the British Airways (BA) website.
How do you avoid this? If the script is not critical, avoid having it in the <head> tag of your HTML code. But if you do need to have it there for some reason, make sure to include the defer or async attribute so that they do not block the loading of other resources.
Inefficient Scrolling Performance
When you load British Airways (BA), you may notice a scroll jank – that is, the page stops responding to clicks and scrolls for a bit before catching up. This happens because the British Airways (BA) website contains a bunch of JavaScript files with ‘active listeners’ that prevent the browser from scrolling until they are completely loaded. This can be easily avoided by the use of passive listeners – just a small tweak to code that can make your page load more seamlessly.
Ineffective Caching Policy
A website like British Airways (BA) is made of several components, including a lot of images, and other media files. Caching, or storing these components in your local computer, enables your browser to load the website much faster when you come back a second or third time.
With British Airways (BA) however, the cache for most media files clear is deleted every 720 minutes. This means that the website is loaded completely from scratch any time you visit after 720 minutes. Enabling a longer cache period could make loading pages faster and more user-friendly.
Anand Srinivasan is the founder of CWVIQ, and has been in the internet media space for over 15 years. He has previously served as the AVP of Products and Head of Business at popular media portals. He has worked with several SaaS and enterprise businesses as an external consultant for their SEO marketing campaigns.