Архив автора: admin

Как сделать отложенную загрузку (Lazy) на сайте в WordPress?

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

Прежде, чем мы начнем с преимуществ lazy загрузки, дайте узнаем, что такое ленивая загрузка и как она работает.

Что такое отложенная (lazy) загрузка?

Отложенная загрузка представляет собой механизм, в котором мы не можем задержать загрузку конкретного объекта, это может быть видео или просто изображение до определенного момента, где мы могли это сделать. Проще говоря, отложенная загрузка означает, загрузка объектов по требованию, а не загрузки всех объектов по умолчанию. Так раздражает проблема автоматической загрузки. Это повышает скорость сайта, таким образом объекты загружаются быстрее.

Влияние отложенной загрузки на SEO

Не отображается в кэше Google,

Поисковая система Google не могут просматривать объекты, которые лениво загрузится. Не уверенны? Вот пример. Если у вас есть какая-либо часть вашего сайта с изображением продукта в нижней части главной страницы и вы активировали отложенную загрузку, то специфическая секция не загружается, пока вы не выделите этот раздел. Следовательно, приводит к не показу исходного кода страницы. Таким образом, он не будет отображаться на кэше Google.

Ленивые загруженные объекты будут убраны прочь

Отложенное загруженное содержание не будет индексироваться поисковыми системами. Поскольку это содержимое не индексируется, что, очевидно, приведет к более низкому рейтингу этих объектов. Таким образом, SEO процесс не будет рассчитывать на ленивое загруженное содержимое, чтобы показать в результатах поиска.

Теряет ли оптимизация сайта из-за отложенной загрузки?

Это миф! Оптимизация сайта имеет мало общего с отложенной загрузкой. Сценарий Ajax все равно будет выполняться. Единственное отличие состоит в том, что он будет выполняется в фоновом режиме. Сайт будет загружаться быстрее! Нет сомнения в этом! На оптимизацию сайта не влияет.

Как отложенная загрузка может помочь?

Отложенная загрузка мешает вам, раздражает ощущение «ожидания»

Отложенная загрузка представляет собой механизм, который может привести вас к чему-то, что каждый жаждет — веб-сайт молниеносно. Давайте признаем: мы все нетерпеливы в ожидании содержимого для загрузки. После того, как произошла задержка, даже на несколько секунд, заставит нас выйти из веб-страницы. С отложенной загрузкой, мы не должны ждать загрузки всего содержимого.

Веб-страница загружает гораздо быстрее.

Как загрузить меньше ресурсов, которые вам требуется, нет места для ненужной загрузки всего содержимого на веб-странице. Это делает вашу загрузку страницы намного быстрее.

Как вы можете использовать отложенную загрузку в WordPress?

При отложенной загрузки содержимого, вы можете избежать отдельного запроса HTTP для каждого изображения

Если вы находитесь на странице, которая включает в себя 5 бесплатных и обновляемых полно-экранных тем WordPress, только начальные несколько изображений в посте WordPress будет загружаться, а остальные будут загружаться только если вы прокрутите вниз до нижней части страницы. Таким образом, вы можете предотвратить сайт от отправки запроса HTTP для каждого отдельного изображения. Предотвращение от значительного количества HTTP запросов означает, экономя массу времени для сайта WordPress.

Более быстрый доступ к содержимому на WordPress

При отложенной загрузки на WordPress, вы также можете иметь более быстрый доступ ко всему содержимому. Оптимизация сайта, хотя остается тем же самым, скорость загрузки содержимого увеличивается.

Смотрите только содержание, что касается вас

Ненужные загрузки контента можно избежать и много ваших данных тоже могут быть сохранены. Содержание, которым вы обеспокоены, можно наблюдать с помощью прокрутки до конца страницы.

Теперь, когда вы убедились в различных преимуществ, которые есть в отложенной загрузки, можно их реализовать на своем сайте, здесь есть несколько плагинов, которые помогут вам в достижения цели.

Лучшие плагины для отложенной загрузки

1. Image Lazy Load

Плагин Image Lazy Load в WordPress

Этот ленивый плагин загрузки представляет собой легкий взвешенный вариант традиционной ленивой загрузки. Он имеет специальную систему поддержки, которая служит для изображений высокого разрешения с соответствующими сетчатке дисплеев. Плагин Image Lazy Load также включает в себя опции для загрузки изображений на смартфонах путем сжатия числа пикселей, которые достигают вас, прежде чем вы можете просматривать изображения.

2.BJ Lazy Load

Плагин BJ Lazy Load

Этот ленивый плагин загрузки позволяет пользователям выбрать в постах изображения и эскизы, Gravatar, фреймы и заменяет содержимое с заполнителем. При выборе конкретного заполнителя вы можете пропустить изображения с разными классами. BJ Lazy Load также обслуживает различные размеры оптимизированных изображений и автоматически служит HiDPI изображениям для различных экранов HiDPI, как у сетчатке отображения Apple.

3. Jquery image lazy load

Jquery image lazy load

Jquery image lazy load добавляет Jquery отложенной загрузки различных изображений. Лучшая часть об этом плагине является то, что она очень проста в использовании. Все, что вам нужно сделать, это просто установить его и активировать. Изображения на сайте, которые вы посещаете будет автоматически загружаться, как вы прокрутите вниз до нижней части страницы. Вам не нужно ждать, чтобы изображения загружались в течение длительного времени. Как и при открытии веб-страницы и прокрутите до конца страницы, изображения уже загружены!

4. Rocket lazy load

Rocket lazy load

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

Таким образом, это довольно, что вам нужно знать о отложенной загрузки. Все они приходят со специфическими особенностями для различных потребностей пользователей. Выбрав один из многих субъективно! Время, чтобы подключить модули отложенной загрузки прямо сейчас!

Как сделать сделать анимацию при загрузки сайта на WordPress?



2016-10-01T12:43:50
Плагины

Как отобразить случайный комментарий в постах WordPress?

Если вы хотите включить случайный комментарий в один из ваших постах WordPress, то вы можете использовать следующий код в вашей теме:

<?php $post_id = 32;

// Помещаем идентификатор "Характеристики" здесь

$comments = get_comments("post_id=$post_id&status=approve");

if ($comments) { $ndx = mt_rand(1,sizeof($comments)) - 1;

$comment = $comments[$ndx]; }?>

<p>

<?php echo $comment->comment_content; ?>

</p>

<p>

<?php echo $comment->comment_author; ?>

</p>

Заменить «32» на ID поста, где вы хотите показать ваши комментарии. Такой метод часто используется, чтобы получить комментарии в посте, который имеет обратную связь.



2016-10-01T07:46:22
Шпаргалка

Как реализовать Google AMP в WordPress?

Поисковый гигант Google всегда настаивает на пользовательском опыте (UX). На самом деле, он включил скорость сайта в качестве одного из сигналов алгоритма поисковой системы в 2010 году Совсем недавно, компания Google уже развернула свое предпочтение мобильным дружелюбием, чтобы поощрять веб — сайты, которые соответствуют мобильным экранам.

Если вы до сих пор трогает попытки Google, чтобы сделать вещи намного проще для интернет-пользователей и владельцев сайтов, чтобы сделать сайты быстрой загрузки и выглядеть потрясающе на мобильных устройствах, вот что-то серьезно рассмотреть вопрос о: Google недавно объявил, что AMP списки вливаются в результаты поиска для мобильных устройств.

Это довольно большое обновление для пользователей AMP, которые хотят повысить вероятность их веб-сайтов стать видимым на первой странице результатов поиска Google. Тем не менее, если вы заинтересуетесь, что такое AMP и как использовать его, эта статья будет ваша конечная руководство по использованию Google AMP для вашего сайта WordPress.

Что такое Google AMP?

Сокращенно, ускоренные мобильные страницы, AMP открытый проект при помощи Google, помочь издателям производить страницы, которые не только отлично смотрятся на мобильных устройствах, но и создать быструю загрузку страниц. Платформа дает людям возможность создавать статические страницы, предназначенные для быстрой загрузки, для большинства видов веб — сайтов.

Кодирование AMP состоит из трех основных частей: HTML, скрипты и функции кэша.

  • AMP HTML похож на обычное кодирование HTML, но с дополнительными свойствами AMP. Например, HTML — теги по- прежнему существуют, но может быть увеличены с помощью АМР-специфических тегов.
  • AMP JS представляет собой библиотеку скриптов, которая обеспечивает сок. Для реализации скорости и производительности, AMP JS делает рендеринг страницы быстрее за счет загрузки ресурсов надлежащим образом, с помощью асинхронных внешних ресурсов, а также вычисления макетов элементов перед загрузкой каждого ресурса.
  • Google AMP Cache стало возможным через сеть доставки контента (CDN) для доставки документов AMP. Это само по себе уже делает скорость загрузки страницы быстрее, запрашивая AMP HTML файлы и кэш — память каждого из них.

Как реализовать Google AMP в WordPress?

Преимущества Google AMP

Проще говоря, основное преимущество использования Google AMP является скорость сайта. Сказав, что увеличение скорости сайта включает целый ряд факторов, и у вас есть возможность использовать все методы, чтобы загрузка страницы была быстрее, чем обычно.

С форматом AMP, веб-страницы становится все более привлекательным и дружественные для посетителей, особенно сейчас, когда все больше людей используют свои мобильные устройства для чтения онлайн-контента.

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

Google AMP в результатах поиска

Что заставляет пользователей Google AMP быть настолько уверенными, является тот факт, что веб — сайты, созданные с использованием кодирования AMP будут иметь хорошие результаты в поиске Google. Несмотря на то, есть необходимость подтвердить, насколько широко развертывание этого проекта, некоторые эксперты SEO смогли увидеть результаты AMP в действии .

Веб-сайты, созданные с помощью AMP будет видно в результатах поиска Google с специальной этикеткой AMP со значком молнии. Google приступил к реализации приоритизации страниц AMP в результатах поиска 24 февраля 2016 года.

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

Использование Google AMP в WordPress

Хотя Google AMP предназначена для создания статических страниц, это также возможно использовать как инструмент быстрого повышения в WordPress.

Самый лучший и простой способ реализации кодов AMP в своем веб — сайте WordPress является использование плагина AMP, созданный людьми из Automattic. В двух словах, этот плагин создает AMP версии ваших существующих постовых URL — адресов, и вы можете получить доступ к ним, добавляя термин / amp / в конце URL поста.

С точки зрения исходного кода, плагин AMP WordPress добавляет мета-тег в коде заголовка ваших WordPress файлов, так что Google может читать версии AMP ваших страниц сайта.

Вот шаги по использованию плагина AMP для вашего WordPress сайта или смотрите наш гид, шаг за шагом как установить плагин в WordPress::

  1. В панели управления администратора, перейдите к Плагины> Добавить новый.
  2. В поле поиска, ищите плагин AMP.
  3. Нажмите кнопку «Установить сейчас», а затем «Активировать» плагин.

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

К сожалению, плагин AMP использует метаданные, которые не могут быть оптимальными с точки зрения поисковой оптимизации (SEO). Это особенно верно, если вы используете Yoast SEO в вашем WordPress сайте. Если вы обеспокоены этим, то вы можете обнаружить некоторое добавление в плагине Glue for Yoast SEO and AMP.

Этот плагин предназначен для подключения плагинов Yoast SEO и AMP, чтобы преследовать две цели:

  • Для того, чтобы изменить дизайн страницы для AMP
  • Для того, чтобы использовать соответствующие метаданные для лучшего SEO

Вот шаги, как использовать плагин Glue for Yoast SEO and AMP или смотрите наш гид, шаг за шагом как установить плагин в WordPress:

  1. Так же, как установка нового плагина, перейдите в Плагины> Добавить новый.
  2. Используйте форму поиска, чтобы найти «Glue for Yoast SEO and AMP».
  3. Нажмите кнопку «Установить сейчас», а затем активировать плагин.
  4. После активации, перейдите к SEO> Настройки> AMP Design. Отсюда вы можете изменить стиль или дизайн ваших страниц AMP.
  5. Вы можете также добавить коды отслеживания, перейдя в SEO> Настройки AMP> Google Analytics.

Вывод

Google всегда отстаивал улучшение просмотра онлайн и пользовательский опыт, чтобы заставить людей использовать их опыт онлайн. Помимо повышения возможностей поиска, Google стремится в направлении объединения UX и SEO, так чтобы и онлайн-пользователи и владельцы сайтов были удовлетворены.

При использовании AMP, владельцы веб-сайтов — и особенно те, кто использует WordPress в качестве предпочтительного сайта платформы — имеют возможность ускорить загрузку своих страниц. В результате, они не только улучшают свои шансы на повышение в результатах поиска Google, но и сделают их целевую аудиторию счастливым.



2016-09-30T14:33:03
Плагины

Как настроить TOR Browser для полной анонимности на Windows

TOR браузер – это пожалуй самый простой и самый доступный способ для скрытия собственного IP адреса и анонимного подключения к Интернету. Сейчас мы расскажем о том, как настроить TOR браузер на компьютере, а также где его скачать и как установить. Читать

Почему вам стоит научиться программировать

Если вы смотрели наши предыдущие статьи, то я уверен, что статья самые популярные языки программирования в linux, наверняка привлекла ваше внимание. Самое первое, что пришло мне в голову после прочтения этой статьи было: мы не должны глубоко искать причину: «зачем учиться программировать». Хотя в конце статьи будет краткое примечание по данной теме, но лично я считаю, что это не должно быть интригующей тайной.

Я хорошо знаю, что много экспертов в программировании могут заинтересоваться этой статьей и задаться вопросом: «Серьезно чувак, людям на самом деле нужна причина зачем начать программировать?». Я не имею в виду, что программирование даст вам большие деньги, шанс стать миллионером, или даже шанс стать известным во всем мире благодаря своей работе.

Но оно включает больше, чем кажется на первый взгляд. И я поделюсь «моим личным опытом». Как новичку в программировании, самая большая проблема, с которой мне пришлось столкнуться (и она наблюдается у многих людей в этой сфере) – это преодоление разочарования в том, что я не в состоянии решить текущую проблему. Я начал изучать проблемы на SPOJ и первая проблема заключалась в Жизни, Вселенной и Всём, которая на самом деле оказалась самой простой.

После ее решения, мои мысли были похожи на — «Да, я невероятно жажду стать асом в программировании». Но мир моей мечты рухнул после столкновения с невозможностью решить очередные проблемы. Даже спустя много дней я был не в состоянии решить некоторые из них, и они начали ставить под сомнение святость программирования? Зачем учиться программировать, нужно ли оно вам на самом деле? Я имею в виду, почему я должен тратить свое время и силы на решение данных проблем, которые возможно и вовсе неразрешимые.

До тех пор, пока я не прочитал статью в одном блоге по разработке на python:

Учитель математики ведет занятие по логарифмам или квадратному уравнению, или любое другое, а студент спрашивает: «Мне когда-нибудь пригодятся эти знания?» «Скорее всего никогда», без колебаний ответил учитель. «Большинство рабочих мест и даже множество профессий не требуют, чтобы вы знали математику сверх основных арифметических действий и небольших элементов алгебры». «Но,» продолжил учитель, «позвольте мне спросить вас о другом. Почему люди идут в спортзал и поднимают тяжести? Все ли они планируют стать тяжелоатлетами или профессиональными бодибилдерами? Неужели они думают, что в один прекрасный день встретят старушку с двухсотфунтовой штангой и скажут: «Это то, для чего я тренировался». «Нет, они поднимают тяжести, чтобы это делало их более сильными.

Обучение математике имеет важное значение, потому что оно делает вас умнее. Оно заставляет ваш мозг думать в правильном направлении, которое требует точности, прямолинейности и абстрактного мышления. Оно больше, чем механическое заучивание, или изготовление красивых вещей, или выяснения чьих-то ожиданий и их успокоение. Выполнение домашней работы по математике дает практические навыки прямолинейного мышления, где существуют объективные правила и неправильные ответы.

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

Хорошо, если вы думаете: Нет, это не заставит меня открыть новую страницу, открыть свой ноутбук и это не будет иметь вид: «На старт, Внимание, Программировать»!! Но да, статья заставила меня задуматься над вопросом зачем нужно программировать.

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

Вам понравилась статья? Что вы думаете обо всем этом? Уже знаете несколько языков программирования или только собираетесь выучить? Напишите в комментариях!

На завершение, видео, где рассказывается как правильно выбрать язык программирования: