Как исправить аудиторские предложения маяка для повышения производительности - PullRequest
Новая
       6

Как исправить аудиторские предложения маяка для повышения производительности

0 голосов
/ 26 октября 2018

Я провел аудит в chrome для веб-приложения, которое я разрабатываю для проекта udacity для мобильных веб-специалистов, и получил 85 баллов за производительность. Мне нужно набрать 90 баллов и выше, чтобы сдать проект.

Вот диагностика -

  1. Использует неэффективную политику кэширования статических активов. 14 активов найдено

    Длительное время жизни кэша может ускорить повторные посещения вашей страницы.

  2. Имеет значительную работу основного потока 6520 мс

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

  3. Слишком большое время загрузки JavaScript 3810 мс

    Рассмотрите возможность сокращения времени, затрачиваемого на синтаксический анализ, компиляцию и выполнение JS. В этом

Вот часть моего сценария работника сервиса. - 

importScripts("/js/idb.js");
importScripts("/js/dbhelper.js");
const staticCacheName = 'restaurant-1';
const resourcesToCache = [
'/',
'index.html',
'restaurant.html',
'css/styles.css',
'js/idb.js',
'js/dbhelper.js',
'js/restaurant_info.js',
'js/main.js',
'sw.js',
'img/1_small.jpg',
'img/1_medium.jpg',
'img/1_large.jpg',
'img/2_small.jpg',
'img/2_medium.jpg',
'img/2_large.jpg',
'img/3_small.jpg',
'img/3_medium.jpg',
'img/3_large.jpg',
'img/4_small.jpg',
'img/4_medium.jpg',
'img/4_large.jpg',
'img/5_small.jpg',
'img/5_medium.jpg',
'img/5_large.jpg',
'img/6_small.jpg',
'img/6_medium.jpg',
'img/6_large.jpg',
'img/7_small.jpg',
'img/7_medium.jpg',
'img/7_large.jpg',
'img/8_small.jpg',
'img/8_medium.jpg',
'img/8_large.jpg',
'img/9_small.jpg',
'img/9_medium.jpg',
'img/9_large.jpg',
'img/10_small.jpg',
'img/10_medium.jpg',
'img/10_large.jpg',
'https://unpkg.com/leaflet@1.3.1/dist/images/marker-icon.png',
'https://unpkg.com/leaflet@1.3.1/dist/leaflet.css',
'https://unpkg.com/leaflet@1.3.1/dist/leaflet.js'
];

Для 2 и 3. - Всякий раз, когда я пытаюсь сжать или минимизировать свои JavaScript, я всегда получаю сообщение об ошибке, как - Неожиданный токен :. Я точно знаю, что у js нет ошибок.

Как я могу это исправить, чтобы я мог получить оценку производительности 90 или выше?

1 Ответ

0 голосов
/ 26 октября 2018

Fixed.Мне пришлось изменить часть моего кода работника службы (sw.js)

с 

self.addEventListener('fetch', event => {
event.respondWith(
caches.match(event.request, { ignoreSearch: true }).then(response => {
  return response || fetch(event.request).then(res => {
    return caches.open(staticCacheName).then(cache => {
      cache.put(event.request, res.clone());
      return res;
    })
  });
})
);
});

на 

self.addEventListener('fetch', event => {
event.respondWith(
caches.match(event.request, { ignoreSearch: true }).then(response => {
  return response || fetch(event.request).then(res => {
    if (!res || res.status !== 200 || res.type !== 'basic') {
      return res;
    }
    return caches.open(staticCacheName).then(cache => {
      cache.put(event.request, res.clone());
      return res;
    })
  });
})
);
});
...