How to debug Speed Kit in the browser

 

Check if the Service Worker is installed:

To take measurements with your own browser, first, check whether the Service Worker is installed on your site:

1. Open your website in the Chrome Browser.
2. Press F12 to open the Developer Tools.
3. Navigate to the tab Application and select Service Workers on the left side.
   There you should see an entry with your site's URL as the title (and usually "sw.js"/"speed-kit-sw.js" as the Source).         Now you know that Speed Kit is installed.
4. Open the Network tab.
5. Press F5 to reload the page while recording network activity. You should see the list fill with entries.
6. Check for requests that show "(from Service Worker)" in the Column "Size" - these are the requests accelerated by Speed Kit.
7. Look at the numbers at the bottom of the browser window, you can read how long it took until DOMContentLoaded and Load finished.

Speed Kit: On vs. Off:

To compare how much faster your website is with Speed Kit, simply disable it and compare how long it takes for DOMContentLoaded and Load to finish.

To disable Speed Kit, you simply have to do the following:

1. Press F12 to open the Developer Tools.
2. Navigate to the tab Application and select Service Workers on the left side.
3. Disable Speed Kit by checking the Bypass for network box; this makes sure that the Speed Kit service worker is not used.
4. Look at the numbers at the bottom of the browser window, you can read how long it took until DOMContentLoaded and Load finished. 
5. Compare the times for DOMContentLoaded and Load with Speed Kit enabled/disabled.