Блог

Я обновил Chrome автоматически, и теперь у меня есть вкладка lighthouse в devtools вместо аудита. Раньше я мог протестировать свою собственную страницу с помощью аудита и получить полную оценку: https://medda86.com / Но теперь маяк devtools выходит из строя, и я думаю, что это из-за моего serviceworker или что-то в этом роде.

Раньше он работал нормально до обновления Chrome, не уверен, что еще это может быть. Пожалуйста, попробуйте, если хотите, и попытайтесь выяснить, что это такое, я не могу точно определить, что это такое.

Сервисный работник должен работать, просто установите, кэшируйте, удалите старый кеш и извлеките последние данные. Но может быть что-то изменилось.

Версия Chrome: Chrome обновлен до версии 95.0.4638.54 (официальная сборка) (64-разрядная версия)

Вот мой работник службы:

 var cacheName = 'site-cache-v1';

// Install
self.addEventListener('install', function(event) {
  event.waitUntil(
    caches.open(cacheName).then(function(cache) {
      //console.log('Service Worker Installed');
    })
  );  
});

// Delete old cache objects
self.addEventListener('activate', function(event) {  
  event.waitUntil(caches.keys().then(function (keyList) {
    Promise.all(keyList.map(function (key) {
      if (key === cacheName) {
        return;
      }
      caches.delete(key);
      //console.log('Old Service Worker ' key ' Deleted');
    }));
  }));
  //console.log('Service Worker Activated');
});

self.addEventListener('fetch', function(event) {
  //console.log('Fetch', event.request);
});
 

Я нашел проблему, это Google. https://github.com/GoogleChrome/lighthouse/issues/13236

Это версия Chrome, из-за которой вкладка lighthouse не работает. В этой версии Chrome есть и другие проблемы.