Для исправления проблемы "расползания" страницы в Swiper при уменьшении размеров можно использовать следующие подходы:
1. Установить фиксированную высоту и ширину для контейнера Swiper, чтобы предотвратить его изменение размеров при уменьшении экрана.
2. Использовать медиазапросы в CSS для определения стилей для различных размеров экрана и адаптировать контейнер Swiper под каждый из них.
Для оптимизации страницы на 100% следует выполнить следующие основные шаги:
1. Оптимизировать размер и формат изображений: использовать сжатие изображений, выбирать правильные форматы изображений (например, WebP для веб-страниц), предварительно загружать изображения и использовать lazy loading.
2. Минимизировать и объединять CSS и JavaScript файлы, использовать минификацию и сжатие файлов для уменьшения размеров и ускорения загрузки страницы.
3. Использовать кеширование resourсes для ускорения загрузки страницы при повторных посещениях.
4. Использовать асинхронную загрузку скриптов для ускорения загрузки контента страницы.
5. Проверить наличие ошибок в HTML и CSS коде и исправить их для улучшения производительности страницы.
6. Оптимизировать серверную часть и базу данных для ускорения обработки запросов и уменьшения времени загрузки страницы.
7. Проверить и улучшить производительность страницы с помощью инструментов для анализа загрузки страницы, таких как Google PageSpeed Insights или GTmetrix.