Привет, коллеги! 👋 На этих выходных я занялся оптимизацией...

Привет, коллеги! 👋

На этих выходных я занялся оптимизацией своего сайта soltyk.ru и хочу поделиться с вами результатами. 🚀

Главной задачей было улучшить работу Progressive Web App (PWA) и Service Worker. Благодаря помощи нейросети Claude.ai, мне удалось переписать логику и добиться впечатляющих результатов. 🤖

Вот некоторые из ключевых изменений:

✅ Принудительная смена версии Service Worker у всех пользователей через Куку. Теперь все будут использовать актуальную версию.

⏰ Статические файлы кэшируются на 30 дней, а динамические страницы - на сутки. Это позволяет ускорить загрузку и снизить нагрузку на сервер.

🗑 Реализована очистка кэша при превышении лимита в 300 МБ. Больше никаких переполнений!

📴 Если у пользователя пропадет интернет или сервер временно недоступен, ранее открытые страницы за последние сутки будут доступны из кэша Service Worker.

🧹 Автоматическая очистка старых версий страниц из кэша, которые старше 30 дней. Поддерживаем порядок и актуальность данных.

⚡️ Улучшенное кеширование снижает нагрузку на сервер и ускоряет загрузку страниц для пользователей.

Я временно отключил антибот, чтобы протестировать новую реализацию Service Worker. Оказалось, что из-за жесткого кэширования возникал конфликт с антиботом. 🚫🤖

Если вам интересно посмотреть, как это работает, вот ссылки на ключевые файлы:

🆕 Новый манифест с новыми правилами кеширования: https://soltyk.ru/manifestnew.webmanifest

🆕 Новый Service Worker с улучшенной логикой: https://soltyk.ru/swnew.js?

🔒 Старый манифест с запретом кэширования: https://soltyk.ru/manifest.webmanifest

🗑 Старый Service Worker для удаления и деактивации: https://soltyk.ru/sw.js?

Вы также можете изучить код на сайте и заголовки сервера, чтобы увидеть, как подключается Service Worker. Подключение идет через наличие Cookies с названием версии Service Worker (нет куки - удаление старой версии и получение куки; есть кука - получи новую версию Service Worker).

Буду очень признателен, если вы найдете время протестировать сайт в оффлайн и онлайн режимах. Если заметите какие-то косяки, дайте мне знать - я обязательно исправлю. 🙏

После недельного теста я планирую снова включить антибот. А пока давайте насладимся быстрой и плавной работой сайта! 😎

Спасибо за внимание!

#PWA #ServiceWorker #оптимизация #кэширование #нейросети

Источник новости https://t.me/soltykseo/5857...