Как ускорить загрузку сайта?

Ссылка скопирована
Веб-разработка
1 ответ

Есть такой сайт интернет магазин. Сделан на CMS Webasyst + Shop-Script.
Сайт грузиться порядка 15 секунд. Главная страница весит 15Мб. Это ненормально.
Как можно ускорить загрузку сайта? Уменьшить размер фото, сжать CSS, JS, отключить ненужные плагины.
Что еще можно сделать для ускорения загрузки сайта?

Дополнительно:

Думаете бесплатно кто то аудит проведет?)

  • Для начало хотя бы следуй рекомендациям лайтхауса
  • https://pagespeed.web.dev/
  • 15мб для современного интернета вообще ни о чем. Дело в серверном рендере.

    • картинки товаров переделать из png в jpg с качеством 80 (ну или даже меньше, надо субъективно смотреть) и оптимизацией для веба (то, что раньше называлось save for web в фотошопе), логотип сделать не в png размером 6000х4000 а в svg (отрисованный вручную, чтобы не было миллиард узлов) и размер будет сразу в пять раз меньше. иконки тоже почему-то в гигантских png.

    а так да, что-то долго делается на сервере, надо смотреть что там происходит

    • За то, что предложил jpg, а не гугловскую насаждаемую шнягу - отдельный респект.
      А вот предложения надо писать с большой буквы.

    Ответы:

    Картинки, скрипты, стили не при чём. У вас сама стартовая страница долго формируется сервером.
    spoiler

    Как ускорить загрузку сайта?

    Надо разбираться, что на сервере происходит.

    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Артём Dev Ответ

    Для ускорения загрузки сайта можно применить несколько методов и оптимизаций. Вот несколько рекомендаций:

    1. Оптимизация изображений: Используйте сжатие изображений без потери качества, выберите правильный формат (например, JPEG для фотографий и PNG для изображений с прозрачностью), установите размеры изображений в соответствии с размером, который они должны отображаться на странице.

    function compress_image($source_url, $destination_url, $quality) {
    $info = getimagesize($source_url);
    if ($info['mime'] == 'image/jpeg') 
        $image = imagecreatefromjpeg($source_url);
    elseif ($info['mime'] == 'image/png') 
        $image = imagecreatefrompng($source_url);
 
    imagejpeg($image, $destination_url, $quality);
    return $destination_url;
}

    function compress_image($source_url, $destination_url, $quality) { $info = getimagesize($source_url); if ($info['mime'] == 'image/jpeg') $image = imagecreatefromjpeg($source_url); elseif ($info['mime'] == 'image/png') $image = imagecreatefrompng($source_url); imagejpeg($image, $destination_url, $quality); return $destination_url; }

    2. Минификация CSS и JavaScript: Удалите все комментарии, пробелы и лишние символы из файлов CSS и JavaScript. Используйте инструменты, такие как CSSNano и UglifyJS для автоматической минификации.

    function minify_css($input) {
    
    $input = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $input);
    
    $input = str_replace(': ', ':', $input);
    
    $input = str_replace(array("\r
    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно

    VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Искусственный интеллект Что делать, если OpenRouter ограничивает доступ к моделям? 1 ответ