Неделя оптимизации производительности — все, что вам нужно знать

На этой неделе у нашего сообщества есть уникальная возможность связаться с двадцатью одним из наших уважаемых экспертов по производительности, чтобы задать их самые насущные вопросы по веб-оптимизации, узнать о критических проблемах оптимизации и узнать о передовых методах для достижения оптимальных результатов. Ниже мы рассмотрим три наиболее распространенные проблемы с производительностью в Интернете и способы их решения, согласно мнению наших ведущих экспертов по производительности. Итак, без лишних слов, давайте приступим к оптимизации!

Одно из наиболее важных практических правил при создании веб-сайта — избегать «загромождения сайта», удаляя виджеты или плагины, которые не представляют никакой ценности. Это не только улучшает взаимодействие с пользователем, но также приводит к меньшему количеству элементов и, следовательно, к большей скорости. Эксперт Elementor Тим Ливерсейдж советует изучить, как работает каждый элемент, и протестировать все, прежде чем переходить к определенному набору функций.

По словам Брайана Эриксона, еще несколько ключевых советов по повышению производительности вашего сайта включают в себя:

• Выберите легкую тему
• Установите не более 10-15 плагинов на одну установку WordPress.
• Попробуйте найти один многоцелевой виджет, который предлагает различные типы функций (например, виджет окна изображения, виджет CTA), вместо того, чтобы добавлять множество виджетов, которые имеют только одну ключевую функцию.
• Используйте встроенное позиционирование для макета виджетов вместо нескольких столбцов (где каждый добавленный столбец требует дополнительного кода, что снижает производительность веб-сайта).
• Используйте лучший инструмент кэширования — я рекомендую WP Rocket или WP-Optimize в зависимости от сайта. Обратите внимание, что хотя некоторые веб-сайты работают лучше с Rocket; другие лучше справляются с оптимизацией
• Изменяйте размер и сжимайте изображения перед их загрузкой и используйте файлы SVG для значков и иллюстраций.

Джулиан Сонг

Шей Тодер

Брайан Эриксон

Тим Ливерсейдж

Когда вы загружаете изображение шириной 1920 пикселей/2560 пикселей на свой рабочий стол, по умолчанию изображение того же размера также загружается на мобильные устройства. Загрузка изображения размером с настольный компьютер на мобильный телефон (вместо изображения с мобильного устройства) может сильно снизить производительность вашего веб-сайта и показатели Core Web Vitals. Чтобы предотвратить это, эксперт Elementor Шей Тодер советует следующее: «Нам нужно продублировать все большие изображения и изменить их размер до ширины 480 пикселей, чтобы они подходили для мобильных устройств — мы можем изменить размер фотографий с помощью онлайн-инструментов, таких как resizeimage.net или любой другой. графическое программное обеспечение, такое как Photoshop.

При добавлении фонового изображения для раздела или столбца в режиме рабочего стола обязательно щелкните значок «Адаптивный режим» и измените фоновое изображение на новое изображение мобильного размера, чтобы оно соответствовало мобильному представлению. Результатом этого процесса является полноразмерное изображение для настольных компьютеров и изображение шириной 480 пикселей для мобильных устройств, что также улучшит ваши показатели Core Web Vitals».

Веб-хостинг может оказать огромное влияние на производительность вашего веб-сайта — проще говоря, он может либо улучшить, либо разрушить ваш сайт. Это связано с тем, что хостинговая компания влияет на скорость загрузки веб-сайта и его показатель Google Core Vitals. К сожалению, многие владельцы веб-сайтов часто сталкиваются с проблемой недооценки важности выбора надежной и надежной хостинговой компании и отказа от дешевого хостинга.

Эксперт Elementor, Джулиан Сонг, делится своими рекомендациями: «Мой лучший совет — никогда не выбирать дешевый хостинг — потратьте лишнюю пару долларов на качественный хостинг. Далее я советую своим клиентам мигрировать к местному хостинг-провайдеру (т.е. туда, где находится ваша целевая аудитория). Однако, если ваша аудитория разбросана по всему миру, я настоятельно рекомендую использовать службу CDN, чтобы сократить задержку до менее 150 мс и еще больше ускорить работу веб-сайта».

Вы столкнулись с другой проблемой или вопросом оптимизации производительности и хотели бы проконсультироваться по этому поводу со специалистом? Нажмите здесь, чтобы отправить свой вопрос, и один из наших двадцати одного проверенного эксперта ответит на ваш вопрос во время сессий вопросов и ответов, которые будут проходить 10 и 12 августа .

Вы ищете больше, чем быстрый ответ на свой вопрос? Мы рекомендуем вам ознакомиться с нашей экспертной сетью. Сеть экспертов Elementor — это комплексная платформа, на которой пользователи Elementor могут искать и нанимать профессиональных экспертов Elementor, которых Elementor проверяет, чтобы убедиться, что они соответствуют нашим стандартам и действительно являются лучшими в своем деле.