1.6 sec in total
479 ms
1 sec
137 ms
Welcome to openlayers.org homepage info - get ready to check Open Layers best content for China right away, or after learning these important things about openlayers.org
Visit openlayers.orgWe analyzed Openlayers.org page load time and found that the first response time was 479 ms and then it took 1.2 sec to load all DOM resources and completely render a web page. This is quite a good result, as only 20% of websites can load faster.
openlayers.org performance score
name
value
score
weighting
Value4.4 s
17/100
10%
Value7.1 s
5/100
25%
Value6.2 s
42/100
10%
Value2,380 ms
5/100
30%
Value0.001
100/100
15%
Value7.8 s
44/100
10%
479 ms
62 ms
41 ms
58 ms
92 ms
Our browser made a total of 24 requests to load all elements on the main page. We found that 42% of them (10 requests) were addressed to the original Openlayers.org, 17% (4 requests) were made to Maxcdn.bootstrapcdn.com and 17% (4 requests) were made to Stamen-tiles-c.a.ssl.fastly.net. The less responsive or slowest element that took the longest time to load (479 ms) belongs to the original domain Openlayers.org.
Page size can be reduced by 267.2 kB (63%)
425.7 kB
158.5 kB
In fact, the total size of Openlayers.org main page is 425.7 kB. This result falls beyond the top 1M of websites and identifies a large and not optimized web page that may take ages to load. 35% of websites need less resources to load. Javascripts take 171.7 kB which makes up the majority of the site volume.
Potential reduce by 5.7 kB
HTML content can be minified and compressed by a website’s server. The most efficient way is to compress content using GZIP which reduces data amount travelling through the network between server and browser. HTML code on this page is well minified. It is highly recommended that content of this web page should be compressed using GZIP, as it can save up to 5.7 kB or 61% of the original size.
Potential reduce by 3.0 kB
Image size optimization can help to speed up a website loading time. The chart above shows the difference between the size before and after optimization. Open Layers images are well optimized though.
Potential reduce by 125.5 kB
It’s better to minify JavaScript in order to improve website performance. The diagram shows the current total size of all JavaScript files against the prospective JavaScript size after its minification and compression. It is highly recommended that all JavaScript files should be compressed and minified as it can save up to 125.5 kB or 73% of the original size.
Potential reduce by 133.0 kB
CSS files minification is very important to reduce a web page rendering time. The faster CSS files can load, the earlier a page can be rendered. Openlayers.org needs all CSS files to be minified and compressed as it can save up to 133.0 kB or 81% of the original size.
Number of requests can be reduced by 8 (42%)
19
11
The browser has sent 19 CSS, Javascripts, AJAX and image requests in order to completely render the main page of Open Layers. We recommend that multiple CSS and JavaScript files should be merged into one by each type, as it can help reduce assets requests from 4 to 1 for JavaScripts and from 6 to 1 for CSS and as a result speed up the page load time.
openlayers.org
479 ms
css
62 ms
jquery-1.11.3.min.js
41 ms
bootstrap.min.css
58 ms
font-awesome.min.css
92 ms
site.css
52 ms
ol.css
256 ms
index.css
335 ms
ol.js
293 ms
jquery-1.11.2.min.js
93 ms
bootstrap.min.js
90 ms
logo70.png
10 ms
tiled-layers.png
217 ms
vector-layers.png
218 ms
timeline.png
11 ms
popup.png
13 ms
efd6FGWWGX5Z3ztwLBrG9b2aU247V0zTzydO4RoO9Ok.woff
31 ms
tXSgPxDl7Lk8Zr_5qX8FIQfd-b-I5PxxcmB4_-MNcqw.woff
76 ms
8PXYbvM__bjl0rBnKiByg_0KIgDhPIHb_R-SWdtqte8.woff
98 ms
fontawesome-webfont.woff
22 ms
1.jpg
96 ms
1.jpg
95 ms
1.jpg
94 ms
1.jpg
107 ms
openlayers.org accessibility score
Contrast
These are opportunities to improve the legibility of your content.
Impact
Issue
Background and foreground colors do not have a sufficient contrast ratio.
Navigation
These are opportunities to improve keyboard navigation in your application.
Impact
Issue
Heading elements are not in a sequentially-descending order
Internationalization and localization
These are opportunities to improve the interpretation of your content by users in different locales.
Impact
Issue
<html> element does not have a [lang] attribute
Names and labels
These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.
Impact
Issue
Image elements do not have [alt] attributes
openlayers.org best practices score
Trust and Safety
Impact
Issue
Does not use HTTPS
Ensure CSP is effective against XSS attacks
General
Impact
Issue
Detected JavaScript libraries
Page has valid source maps
openlayers.org SEO score
Content Best Practices
Format your HTML in a way that enables crawlers to better understand your app’s content.
Impact
Issue
Image elements do not have [alt] attributes
Mobile Friendly
Make sure your pages are mobile friendly so users don’t have to pinch or zoom in order to read the content pages. [Learn more](https://developers.google.com/search/mobile-sites/).
Impact
Issue
Document uses legible font sizes
EN
N/A
UTF-8
Language claimed in HTML meta tag should match the language actually used on the web page. Otherwise Openlayers.org can be misinterpreted by Google and other search engines. Our service has detected that English is used on the page, and neither this language nor any other was claimed in <html> or <meta> tags. Our system also found out that Openlayers.org main page’s claimed encoding is utf-8. Use of this encoding format is the best practice as the main page visitors from all over the world won’t have any issues with symbol transcription.
openlayers.org
Open Graph description is not detected on the main page of Open Layers. Lack of Open Graph description can be counter-productive for their social media presence, as such a description allows converting a website homepage (or other pages) into good-looking, rich and well-structured posts, when it is being shared on Facebook and other social media. For example, adding the following code snippet into HTML <head> tag will help to represent this web page correctly in social networks: