Изображения увеличивают общее время загрузки, но они не блокируют рендеринг.Будет отрисована вся страница (за исключением CSS или Scripts, блокирующих рендеринг), и изображения появятся, когда они будут готовы.Если вы хотите избежать этой вспышки, вы можете их лениво загрузить или иным образом поместить размеры окончательного изображения на элемент контейнера, чтобы текст уже был «перемещен».
Вы не можете «ускорить»"изображение загружается. лучшее , что нужно сделать, - это сократить количество изображений, если это применимо, и лениво загрузить любое, которое не нужно запрашивать изначально.Следующая лучшая вещь (и, возможно, более важная в целом, я полагаю) состоит в оптимизации ваших изображений.Есть несколько плагинов WordPress, которые сделают это за вас, или вы можете сделать это в PhotoShop - и даже некоторые CDN с изображениями сделают это.В основном это означает, что не загружайте изображение размером 1 МБ, если вам не нужно, для целей «отображения в Интернете» вы можете предоставить изображение размером 200 КБ, которое выглядит почти как хорошее.
Кроме того, вы можете немного «ускорить» их, обслуживая их с более быстрого сервера, но это относится ко всему, что связано с сетью.Бросьте его на лучшее оборудование, чтобы получить лучшую производительность (по большей части).
Если это большие изображения, вы должны в первую очередь оптимизировать их.Убедитесь, что они имеют наименьший возможный размер файла.Кроме того, не беспокойтесь о разделении "1.5 МБ" их на другой хост.Либо загрузите их напрямую через CDN (некоторые даже привязывают к вашей библиотеке WP, например Cloudinary), либо оставьте их локальными для вашего сайта.Позже вы избавите себя от головной боли.
Если у вас есть фототяжелый веб-сайт (фотографии или другие типы галерей), 3 МБ - это не так уж и много, но опять же лучше предоставить более сжатое изображение.Вы можете даже связать изображение или кнопку с «полным разрешением».