Ways to improve website performance
Once the document (website's main page) has been downloaded, we
analyze it. It allows us to give webmasters some recommendations on how
to optimize page load speed. We analyze the internal and external
factors.
Enable GZIP Compression
This is a good practice to give the user content in compressed form.
We've detected 313.1 Kb of content that could be compressed.
By compressing content you can achieve the size of ~ 78.27 Kb
(saving 234.82 Kb). This would accelerate the page loading speed and would positively
impact the bandwidth savings in British Airways Plc.
http://www.britishairways.com/cms/global/styles/core/base.css?tNews. File size 60.55 Kb and you can save up to 45.41 Kb
http://www.britishairways.com/cms/global/styles/core/morph.css. File size 6.42 Kb and you can save up to 4.82 Kb
http://www.britishairways.com/cms/global/styles/core/layout.css. File size 1.97 Kb and you can save up to 1.48 Kb
http://www.britishairways.com/foresee/foresee-alive.js. File size 1.28 Kb and you can save up to 0.96 Kb
http://www.britishairways.com/cms/global/scripts/core/utils.js. File size 18.97 Kb and you can save up to 14.23 Kb
http://www.britishairways.com/foresee/foresee-analytics-5654.js. File size 129.4 Kb and you can save up to 97.05 Kb
http://www.britishairways.com/cms/global/scripts/applications/tracking.... File size 3.22 Kb and you can save up to 2.41 Kb
http://www.britishairways.com/foresee/foresee-trigger.js. File size 63.94 Kb and you can save up to 47.95 Kb
http://www.britishairways.com/foresee/foresee-surveydef.js. File size 2.34 Kb and you can save up to 1.75 Kb
http://www.britishairways.com/foresee/foresee-dhtml-popup.js. File size 21.42 Kb and you can save up to 16.07 Kb
http://www.britishairways.com/foresee/foresee-dhtml.css. File size 3.58 Kb and you can save up to 2.69 Kb
Keep Components under 25K
Users often visit web site using a mobile phone. Even the most modern and advanced gadgets
have some limitations. For example an iPhone browser do not cache page components bigger
than 25K. So you should strive to ensure that scripts, CSS-styles, etc.
are less than 25K.
http://www.britishairways.com/travel/globalgateway.jsp/global/public/en_ Content-Encoding: text/html; charset=UTF-8. File size 29.05 Kb.
http://www.britishairways.com/cms/global/styles/core/base.css?tNews Content-Encoding: text/css. File size 60.55 Kb.
http://www.britishairways.com/foresee/foresee-analytics-5654.js Content-Encoding: application/javascript. File size 129.4 Kb.
http://www.britishairways.com/foresee/foresee-trigger.js Content-Encoding: application/javascript. File size 63.94 Kb.
Alternate text for the images.
As you may already know, search engine that indexes your pages, do not
have eyes. And all content you are trying to display on your site is
just HTML & CSS code, images, Flash, etc for the robots. It is It's
extremely important to describe each of the objects more datailed using
ALT, TITLE and other tags.
Our robot has determined that the britishairways.com page has
1
images, which has no tag ALT. Tag ALT is a text field, that specifies an
alternate text for an image. But not only. Search engines consider this
tag as a supplemental result for assessing the content of your page
entirely. Do not ignore it!
For example your page has this code:
| 1321. |
|
<img src="/cms/s.gif?Log=1&templateStyle=ng&hostname=www.britishairways.com&protocol=http&audience=travel&page..." height="1" width="1"> |
We recommend you use rich img code in that place:
| 1321. |
|
<img src="/cms/s.gif?Log=1&templateStyle=ng&hostname=www.britishairways.com&protocol=http&audience=travel&page..." height="1" width="1" alt="car rental"> |
P.S. We used keyword for this image that seemed to us most important for your page.
But you can go ahead and give to each of 1 images an ALT text. This problem requires
responsible approach. No need to put the same text at alt tag of the all images.
Imagine that the pictures do not show and try to make sure that users understand what
is shown on the picture based on the alt tag
Specify image dimensions
The browser needs to know the actual dimensions of image (width and height) to quickly render webpage.
We have detected that the 3 images has no width and height.
If you do not specify the width and/or height, then in order to
correctly display the image browser needs to download it and only then
put on the screen. Otherwise, there is a chance browser will display
elements under the picture inappropriately as well as the possible
presence of "jumping" effect of the page content (until the page load
is finished).
We provide below example of how to define the image /cms/global/assets/images/site/brand/ba_plane_gateway_transparent.gif dimensions:
| 1300. |
|
<img id="plane" src="/cms/global/assets/images/site/brand/ba_plane_gateway_transparent.gif" alt="Find flights on British Airways." name="plane" width="IMAGE_WIDTH_HERE" height="IMAGE_HEIGHT_HERE"> |
Use the TITLE for A tag
As we have already mentioned, search engine bots can not see the site
like a people do it. They more focused on the descriptions of certain
page elements. That's why we strongly recommend use TITLE operator in
the "A" tag. This operator not only describes the page referenced by
the page more detailed, but also takes part in the page describing.
For example, you have the link on your website:
| 790. |
|
<a id="skip" href="#maincontent" accesskey="s" tabindex="1" name="skip">Skip to main content</a> |
We suggest you to remake it in this way:
| 790. |
|
<a id="skip" href="#maincontent" accesskey="s" tabindex="1" name="skip" title="hotels">Skip to main content</a> |
Of course, you can (and should) use more proper phrase instead of the "hotels" that describes the link
#maincontent.