69 подписчиков
Привет, коллеги! 👋
На этих выходных я занялся оптимизацией своего сайта 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 #оптимизация #кэширование #нейросети
1 минута
22 апреля 2024