Closed anuveyatsu closed 6 years ago
It seems that the cause for the long load times is the google tag manager script snippet:
<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
| h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
| (a[n]=a[n]\|\|[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
| })(window,document.documentElement,'async-hide','dataLayer',4000,
| {'GTM-WCTXGJ8':true});</script>
Which, in combination of an ad blocker which block gtag script loading will cause in the page being blank for 4 seconds (see the 4000 msec timeout there)
FIXED:
As a User, I want datahub pages to load as quickly as possible so I have great UX.
As the Datahub team, we want our pages to have high load speed so users don't go away while waiting.
Acceptance criteria
Tasks
Analysis
AdBlockers
https://stackoverflow.com/questions/43728822/avoiding-google-tag-manager-blocking-by-adblockers https://marthijnhoiting.com/detect-if-someone-is-blocking-google-analytics-or-google-tag-manager/#
Speed test tools
Some random tools (both seem to be popular) that we can use to test page load speed:
1. Pingdom
See results: https://tools.pingdom.com/#!/buQRw1/https://datahub.io
2. Google PageSpeed tool
See results: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fdatahub.io&tab=desktop
Suggestions