Как ускорить загрузку страницы

Оптимизируйте критический путь рендеринга: - Минифицируйте и объединяйте CSS/JS - Используйте асинхронную загрузку скриптов (`async/defer`) - Включайте сжатие (gzip, brotli) - Оптимизируйте изображения (WebP, lazy loading) - Используйте CDN для статики - Внедряйте кэширование (HTTP headers, Service Workers) Пример lazy loading изображений: ```html ``` ```js document.addEventListener('DOMContentLoaded', () => { const lazyImages = [].slice.call(document.querySelectorAll('img[data-src]')); if ('IntersectionObserver' in window) { const lazyImageObserver = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { const lazyImage = entry.target; lazyImage.src = lazyImage.dataset.src; lazyImageObserver.unobserve(lazyImage); } }); }); lazyImages.forEach((lazyImage) => { lazyImageObserver.observe(lazyImage); }); } }); ```