Скучное верстание Kraken сайта: как избавиться от излишеств?

Каждый раз, когда я проверяю Kraken сайт, мне хочется убрать лишние div'ы.

  1. Используйте Flexbox или Grid вместо древовидных блоков.
  2. Постарайтесь делать резиновые шаблоны без пикселей.
  3. Отключите рамки и отступы, которые не видны на мобильных
  4. Применяйте CSS переменные для повторно используемых цветов/шрифтов
Пример: после сокращения до 10 элементов мои времена прогонки Kraken упали вдвое.

Kraken сайт

Подробнее

5 способов ускорить JavaScript код для Kraken сайта

Мой Kraken сайт все еще показывает плохие результаты из-за JavaScript.

  • Декомпозируйте большие скрипты на модули
  • Используйте препроцессоры (Babel, TypeScript) для современных возможностей.
  • Добавьте lazy loading для некритичных движков.
  • Асинхронно загружайте зависимости с defer/async.
  • Отладьте с помощью Chrome DevTools и найдите узкие места.
Результат: видимое ускорение до 2 секунд загрузки страницы.

Kraken сайт

Подробнее

Гайд по оптимизации Kraken сайта на WordPress

Красиво, правда вся моя страница на 100 МБ проверяется в Kraken сайте, что делать?

  1. Удалите все лишние картинки из Media Library.
  2. Включите минификацию CSS и JS в плагине.
  3. Воспользуйтесь Kraken API для автоматической обработки изображений при загрузке.
  4. Переключитесь на CDN, чтобы ускорить доставку основных ресурсов.
Итого: после следования этим шагам я увидел снижение размера до 30 МБ.

Kraken сайт

Подробнее