amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
У WordPress есть один недостаток, который сразу не заметен, но его обязательно почувствуют те, кто будут пользоваться этой CMS долго, особенно на слабом хостинге – эта система управления сайтом очень требовательна, и создаёт большую нагрузку на серверы хостингов. Даже сама по себе, без дополнительных плагинов и сложных шаблонов WordPress является тяжёлой CMS. Поэтому необходимо всё оптимизировать, чтобы свети нагрузку к минимуму.
Вообще об ускорении WordPress написано очень-очень много материалов, настолько, что из них можно составить целую книгу. Эту статью мы посвятим только одной стороне вопроса, и расскажем, как происходит оптимизация изображений.
Каждый раз, когда вы загружаете картинку на сайт и когда страница с этой картинкой загружается посетителем, создаётся определённая нагрузка на сервер хостинга. Она тем выше, чем больше весит изображение и чем больше их количество. Соответственно, на сайтах с большим количество высококачественных картинок, расположенных на не очень сильном хостинге, возможны такие нагрузки, что сайт просто «ляжет» и будет недоступен. Тут спасёт оптимизация изображений.
Оптимизация изображений подразумевает уменьшение её веса в мегабайтах. Сделать это можно разнообразными способами. Например, просто уменьшить вес, что повлечёт ухудшение качества настолько, что пользователь заметит это. Можно также воспользоваться практичным способом, и оптимизировать картинку через специальные сервисы, который следят за тем, чтобы потери качества были не видны глазу. Это, конечно же, хороший метод, но он не подойдёт, когда у вас сотни картинок. В этом случае нужно автоматизировать весь процесс.
В WordPress оптимизация изображений без потерь качества и на автоматическом уровне может быть произведена с помощью маленького плагина WP Smush.it. Он настолько прост, что у него даже нет настроек. Просто скачайте, установите и активируйте плагин и уже сейчас все новые картинки на сайте будут оптимизированы.
Чтобы оптимизировать изображения, которые уже были загружены до установки плагина, необходимо перейти в библиотеку метафайлов, выделить необходимые картинки и нажать на кнопку Smush.it. А если вы заметили, что оптимизация изображения для сайта привела к потерям качества, то можно отменить влияние плагина, нажав на «Re-smush».
Достоинства плагина очевидны:
А о других способах оптимизации вы можете узнать тут.
Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…
Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…
Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…
WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…
Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…
WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…
View Comments
Обязательно устпновлю себе плагина WP Smush.it и мои изображения будут оптимизированы без потерь качества