Как скрыть виджет Linkwithin с главной страницы блога



Убрать виджет Linkwithin перелинковки постов с главной страницы блога


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

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

Я последнее время вплотную занялась скоростью загрузки страниц блога. Как посмотрела в Яндекс метрике сколько секунд у меня загружаются отдельные страницы, мне стало дурно. Показатели есть 10 секунд и больше, а это очень и очень плохо. Оптимальное время загрузки от 2 до 3 секунд. Хотя есть и такие веб мастера, которые утверждают, что загрузка должна быть 1 секунда. Блог должен летать. Мне до таких показателей еще долго лететь.

Еще и компания AdSense снизила состояние сайта с 5 до 4 точек. Проблема в загрузке отдельных страниц и блога в целом. Проверила проанализированные страницы, итог: для мобильных 48/100, для компьютеров 42/100. Замечания: сжатие изображений, HTML кодов, ну и в том числе упомянул виджет, о котором сегодня собственно этот пост.

После отдельных выполненных замечаний проверка в программе PageSpeed Insights показывает: для мобильных 98/100, для компьютеров 85/100. Для мобильных нормально, а вот для компьютеров надо еще поработать. Хотя они и пишут, что 85/100 это уже хорошо.

Так что дорогие мои веб мастера, как можно меньше метровых HTML кодов устанавливайте на страницы своих блогов и в боковых панелях. Особенно в верхней части. Загружается сначала верхняя часть, затем все остальное. Если очень хочется установить гаджет, старайтесь вставить в шаблон блога, или используйте CSS стили. Или же старайтесь сжимать коды, и устанавливайте сторонние гаджеты в самом низу макета блога. Длинные коды на страницах заключайте в прокрутку или в textarea (читайте здесь).

Мне пришлось расстаться в этом блоге с анимированным виджетом свежих статей блога, во втором блоге со многими кнопками социальных сетей: mail.ru, в контакте, одноклассники. По отдельности эти кнопки очень влияют на загрузку. Я заметила интересную особенность, как только по возможности выполню рекомендации AdSense, состояние сайта 5. Через время я опять чего нибудь напихаю в блог и начинается все сначала.

А теперь давайте вернемся к теме поста и я расскажу Вам, как скрыть виджет Linkwithin с домашней страницы наших блогов. Он нам совершенно не нужен на этой странице.

Пока не забыла, кто устанавливал виджет после декабря 2013 года (сейчас в blogger не работает автоустановщик) в тело шаблона, на главной странице картинки отсутствуют. Эта информация для владельцев блогов, у кого установлен этот виджет ранее.

Первое, что надо сделать: нажимаем дизайн-гаджет  Linkwithin-изменить. Смотрим в адресной строке ID виджета. Кто не знает как это сделать, почитайте мой пост как изменить фон боковых панелей блога Blogspot .

Далее идем в шаблон-делаем резервную копию шаблона-изменить шаблон. В списке виджетов сверху нажимаем ID виджета Linkwithin, и ищем мигающий курсор. Вы должны найти такой код:

<b:widget id='HTML35' locked='false' title='LinkWithin' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:content/></b:if>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>


Строку, выделенную красным вставьте перед <data:content/> и закройте </b:if>, выделенное синим-ID виджета ( у Вас будет другой). Нажимаем-просмотреть шаблон-сохранить. Теперь виджет  Linkwithin будет отображаться только на страницах блога, кроме главной.

Таким же способом можно убрать с домашней страницы виджет социальных кнопок Share Tnis, кто конечно им пользуется. Зачем они нужны на главной. Можно подумать, что новый посетитель сразу начнет нажимать на кнопки и делиться с друзьями. А мы теряем секунды при загрузке этого виджета.

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

Сегодня у меня всё. Жду Ваши комментарии, не забывайте поделиться со своими друзьями в социальных сетях. Всем всего Доброго. До свидания.

Почитайте  как изменить оформление виджета Linkwithin с использованием CSS стилей; перелинковка страниц: часть 2 установка виджета; подписка на RSS ленту; как найти и исправить битые ссылки в блоге;




Автор статьи ✎ Olga Protasova Выпуск ✹ 8/17/2014 Ярлыки ►


Открыть комментарии →

4 коммент. :

  1. Привет, Ольга. Да я обратила внимание, что твой блог стал быстрее грузиться. Честно скажу, что иногда я не могла дождаться и уходила. А вот с этим виджетом Linkwithin ты мне подсказала в чём причина отсутствия картинок. У меня последнее время спрашивают. отвечу с ссылкой на тебя.

    ОтветитьУдалить
    Ответы
    1. Вика здравствуй. Что бы я сейчас в первую очередь посоветовала начинающим блоггерам-это ознакомиться с информацией по оптимизации блогов. Я зациклилась на написании постов, оптимизации время уделяла слишком мало. Начала задумываться, когда страницы блога стали вылетать из ТОР10 поисковых систем. Сейчас по возможности исправляю, сжимаю изображения и коды. Но в боковых панелях можно с этим справится, или удалить гаджет или сжать его код. А вот на страницах я уже и не вспомню, на какой и сколько кодов вставлено. Теперь придется потихоньку обновлять страницы, где установлены картинки с заоблачным весом и метровые коды.

      Удалить
  2. Оля, ты права. Мы все сразу кидаемся в оформление и написание постов. Но .... А на страницах коды как ты уберёшь. У тебя тематика такая. Вот, что в шаблон напихано-это да. Ну а с картинками эта беда многих. Я сама так же. Разойдусь. То лень, то потом, то забуду.

    ОтветитьУдалить
    Ответы
    1. Вика длинные коды на страницах помещай в прокрутку или в textarea. Я в посте дописала. Мне AdSense рекомендовал сначала исправить страниц 25, теперь каждый день добавляет по 1-2. Посмотрела на всех этих страницах длинные коды. Поставила прокрутку, сейчас скорость этих страниц для компьютеров 98/100, а для мобильных 99/100. Но у меня тормозят загрузку ранние посты. И есть еще второй блог. Но там кодов нет. В основном картинки, надо их сжимать. В этом блоге постов за 250, во втором за 150. Работы у меня теперь хватит. С шаблоном конечно серьезнее. Удалила коды меню, окна поиска, на этом пока остановилась, займусь позже.

      Удалить

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *