導讀:建站文章建站文章 其實 Service Workers 是 Google 爸爸推出很久的一個黑科技，它可以在瀏覽器層面動態緩存一些請求，從而使網站的二次加載速度大幅提高。二次刷公司網站建設個業網站建設公司。

其實 Service Workers 是 Google 爸爸推出很久的一個黑科技，它可以在瀏覽器層面動態緩企業網站建設存一些請求，從而使網站的二次加載速度大幅提高。

二次刷新我的博客，只重載了 16.0KB 的資源，甚至可以剪斷網線訪問 ∠( ? 」∠)＿

需要注意的是，Service Workers 只有在 HTTPS 的前提下才能發揮作用

添加 sw-toolbox 核心

下載?sw-toolbox.js?并且放置到主題目錄下的?assets/js?目錄

*如果你是默認主題，應該是在path_to_ghost/content/themes/casper/assets/js

創建緩存規則

在主題根目錄下創建 serviceworker.js，并且寫入下面內容

'use strict'; (function () { 'use strict'; /** * Service Worker Toolbox caching */ var cacheVersion = '-toolbox-v1'; var dynamicVendorCacheName = 'dynamic-vendor' + cacheVersion; var staticVendorCacheName = 'static-vendor' + cacheVersion; var staticAssetsCacheName = 'static-assets' + cacheVersion; var contentCacheName = 'content' + cacheVersion; var maxEntries = 50; self.importScripts('assets/js/sw-toolbox.js'); self.toolbox.options.debug = false; // 緩存本站靜態文件 self.toolbox.router.get('/assets/(.*)', self.toolbox.cacheFirst, { cache: { name: staticAssetsCacheName, maxEntries: maxEntries } }); // 緩存 googleapis self.toolbox.router.get('/css', self.toolbox.fastest, { origin: /fonts.googleapis.com/, cache: { name: dynamicVendorCacheName, maxEntries: maxEntries } }); // 不緩存 DISQUS 評論 self.toolbox.router.get('/(.*)', self.toolbox.networkOnly, { origin: /disqus.com/ }); self.toolbox.r網站seo優化培訓outer.get('/(.*)', self.toolbox.networkOnly, { origin: /disquscdn.com/ }); // 緩存所有 Google 字體 self.toolbox.router.get('/(.*)', self.toolbox.cacheFirst, { origin: /(fonts.gstatic.com|www.google-analytics.com)/, cache: { name: staticVendorCacheName, maxEntries: maxEntries } }); self.toolbox.router.get('/content/(.*)', self.toolbox.fastest, { cache: { name: contentCacheName, maxEntries: maxEntries } }); self.toolbox.router.get('/*', function (request, values, options) { if (!request.url.match(/(/seo網站優化ghost/|/page/)/) && request.headers.get('accept').includes('text/html')) { return self.toolbox.fastest(request, values, options); } else { return self.toolbox.networkOnly(request, values, options); } }, { cache: { name: contentCacheName, maxEntries: maxEntries } }); // immediately activate this serviceworker self.addEventListener('install', function (event) { return event.waitUntil(self.skipWaiting()); }); self.addEventListener('activate', function (event) { return event.waitUntil(self.clients.claim()); }); })();

關鍵詞標簽: 網站加速