X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Скорость отображения контента сайта - нужен совет опытных людей
koroluk1990
koroluk1990
Topic Starter сообщение 4.5.2016, 21:04; Ответить: koroluk1990
Сообщение #1


Завсегдатай
*****

Группа: Active User
Сообщений: 794
Регистрация: 20.1.2013
Из: Лос-Анджелес, США
Поблагодарили: 158 раз
Репутация:   44  


День добрый, друзья. Есть сайт сделанный на OpenCart - https://lacomfy.com. Скорость загрузки кода сайта нормальная (то, что видит бот), а вот скорость отображения контента долгая. Сервисы онлайн проверки скорости загрузки показывают, что сайт грузится 1.2-1.4 секунды, а на деле страница не отображается по 7-8 секунд.

Начал смотреть рекомендации гугла и он говорит, что: "Полученного HTML недостаточно для отображения верхней части страницы. Обычно так происходит, если после синтаксического анализа HTML-кода требуется загрузка дополнительных ресурсов. Передавайте в первую очередь видимую часть страницы – включите весь необходимый контент непосредственно в HTML-ответ.".

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

Есть такие мысли:
1. Уменьшить количество запросов к серверу за счет уменьшения вывода товаров. Сейчас при загрузке категории идет порядка 110 запросов, что очень много. Можно сделать на 50-60 меньше и это увеличит скорость загрузки. Но опять же, код будет грузиться быстрее. Он и так нормально грузится, а нужно ускорить вывод контентной части (картинки, текст, графические элементы)
2. Поработать с рекомендацией гугла "Оптимизируйте видимое содержание - После получения всех данных HTML с сервера удалось отобразить только 50 % от общего объема содержания из верхней части страницы". Мне кажется, что робот загружает весь сайт ,кушает весь код, а графику выводит с опозданием.

Как это можно исправить и какого специалиста искать? Буду благодарен за советы.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
KurtRassel
KurtRassel
сообщение 4.5.2016, 22:33; Ответить: KurtRassel
Сообщение #2


Новичок
*

Группа: User
Сообщений: 47
Регистрация: 22.6.2013
Поблагодарили: 12 раз
Репутация:   0  


koroluk1990, привет. Единственная проблема это js и css вверху.

Для себя нашел вот такой самопис, который делает загрузку на 100 из 100 в PageSpeed.

Код
function rocketCSS(e) {
    var t = new XMLHttpRequest;
    t.onreadystatechange = function(){
        if(4==t.readyState && 200==t.status){
            var e = document.head||document.getElementsByTagName("head")[0];
            var n = document.createElement("style");
            n.type = "text/css";
            n.styleSheet
                ? n.styleSheet.cssText = t.responseText
                : n.appendChild(document.createTextNode(t.responseText));
            e.appendChild(n);
        }
    };
    t.open("GET",e,!0);
    t.send();
}

rocketCSS('/style.css');


Что касается загрузки шрифтов, то их грузить:

Код
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
<script>
WebFont.load({
    google: {
      families: ['Source Sans Pro:400,600,700,400italic,700italic', 'Roboto Condensed:400,700']
    }
  });
</script>


И будет Вам счастье =)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
koroluk1990
koroluk1990
Topic Starter сообщение 5.5.2016, 9:28; Ответить: koroluk1990
Сообщение #3


Завсегдатай
*****

Группа: Active User
Сообщений: 794
Регистрация: 20.1.2013
Из: Лос-Анджелес, США
Поблагодарили: 158 раз
Репутация:   44  


Цитата(KurtRassel @ 4.5.2016, 20:33) *
И будет Вам счастье =)


Неужели кусок кода решит все пролемы? Есть еще у кого какие мнения или советы?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
KurtRassel
KurtRassel
сообщение 5.5.2016, 14:44; Ответить: KurtRassel
Сообщение #4


Новичок
*

Группа: User
Сообщений: 47
Регистрация: 22.6.2013
Поблагодарили: 12 раз
Репутация:   0  


Цитата(koroluk1990 @ 5.5.2016, 9:28) *
Неужели кусок кода решит все пролемы? Есть еще у кого какие мнения или советы?


Этот кусок сделает показатели 95-100, а в ним и привлекательность сайта для поисковиков.

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
koroluk1990
koroluk1990
Topic Starter сообщение 5.5.2016, 22:58; Ответить: koroluk1990
Сообщение #5


Завсегдатай
*****

Группа: Active User
Сообщений: 794
Регистрация: 20.1.2013
Из: Лос-Анджелес, США
Поблагодарили: 158 раз
Репутация:   44  


Цитата(KurtRassel @ 5.5.2016, 12:44) *
Этот кусок сделает показатели 95-100, а в ним и привлекательность сайта для поисковиков.


Показатели - ерунда. Мне не цифры важны и радость, что у меня 100 из 100, а нужно быстрое отображение сайта для покупателей, конверсии, прибыль. Вопрос был не в том, как сделать 100 из 100, а как увеличить скорость отображения контентной части сайта. Готов заплатить за такую работу :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
KurtRassel
KurtRassel
сообщение 5.5.2016, 23:16; Ответить: KurtRassel
Сообщение #6


Новичок
*

Группа: User
Сообщений: 47
Регистрация: 22.6.2013
Поблагодарили: 12 раз
Репутация:   0  


Цитата(koroluk1990 @ 4.5.2016, 21:04) *
Я так понимаю, что код загружается быстро, а вот визуальная часть отдается долго, ведь что-то ее блокирует. Получается, что страница как будто зависает на 7-8 секунд, а потом моментально прогружается. У пользователя может сложится впечатление, что сайт завис.


Вверху вопрос, внизу ответ от Google.



В этом топике я привел реализацию ответа от Google, следовательно и ответ на Ваш вопрос.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
koroluk1990
koroluk1990
Topic Starter сообщение 5.5.2016, 23:52; Ответить: koroluk1990
Сообщение #7


Завсегдатай
*****

Группа: Active User
Сообщений: 794
Регистрация: 20.1.2013
Из: Лос-Анджелес, США
Поблагодарили: 158 раз
Репутация:   44  


Цитата(KurtRassel @ 5.5.2016, 21:16) *
Вверху вопрос, внизу ответ от Google.


Это понятно, но рекомендации гугла - лишь одно из предположений почему сайт так себя ведет. Тем более гугл пишет "стандартно", мол удалите и все. А это ж еще реализовать нужно.

Цитата(KurtRassel @ 5.5.2016, 21:16) *
В этом топике я привел реализацию ответа от Google, следовательно и ответ на Ваш вопрос.


Вы привели "костыль", который улучшит показатель гугл, но фактически не исправит проблем на сайте. Опять же, мне нужна реализация и практическая польза, а не просто "100 из 100".
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
KurtRassel
KurtRassel
сообщение 5.5.2016, 23:55; Ответить: KurtRassel
Сообщение #8


Новичок
*

Группа: User
Сообщений: 47
Регистрация: 22.6.2013
Поблагодарили: 12 раз
Репутация:   0  


Цитата(koroluk1990 @ 5.5.2016, 23:44) *
Это понятно, но рекомендации гугла - лишь одно из предположений почему сайт так себя ведет. Тем более гугл пишет "стандартно", мол удалите и все. А это ж еще реализовать нужно.


Я Вам уже реализовал =) Вот подставлю даже все ваши стили и шрифты.

Откройте footer шаблона и добавьте:

Код
<script>
function rocketCSS(e) {
    var t = new XMLHttpRequest;
    t.onreadystatechange = function(){
        if(4==t.readyState && 200==t.status){
            var e = document.head||document.getElementsByTagName("head")[0];
            var n = document.createElement("style");
            n.type = "text/css";
            n.styleSheet
                ? n.styleSheet.cssText = t.responseText
                : n.appendChild(document.createTextNode(t.responseText));
            e.appendChild(n);
        }
    };
    t.open("GET",e,!0);
    t.send();
}

rocketCSS('/assets/css/1-nitro-combined-21781fb5f90c92215d5400d0bccb8c3e.css');
rocketCSS('assets/css/1-nitro-combined-176aa147f52ee20a670c9a7b3c98f4e1.css');
</script>


Соответственно удалив с header эти стили.

Шрифты подгрузить так:

Код
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
<script>
WebFont.load({
    google: {
      families: ['Open Sans Condensed:300,700', 'Open Sans:400,600,700,300']
    }
  });
</script>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Инструменты SEO-оптимизатора для аналитики и продвижения сайта - мой список
Блог seo-практика - romanus.ru
2 Romanuss 925 Сегодня, 10:31
автор: Romanuss
Горячая тема (нет новых ответов) Регистрация Вашего сайта везде (: All-reg.net
Соц. закладки,каталоги сайтов,статей,RSS-ленты
552 Dr_Tapac 161726 Сегодня, 10:30
автор: nirvana33
Горячая тема (нет новых ответов) Качественный копирайт и наполнение Вашего сайта
Подходи, торопись, покупай живо...
283 DroBit 77501 Сегодня, 9:50
автор: DroBit
Открытая тема (нет новых ответов) Совет по дизайну
14 Ingvarr 1947 Сегодня, 1:06
автор: Ingvarr
Открытая тема (нет новых ответов) RAZBAVKA - безанкорные ссылки для разбавки ссылочного профиля сайта!
от создателя Feedsite.ru
13 cleverley 598 Вчера, 12:54
автор: cleverley


 



RSS Текстовая версия Сейчас: 27.3.2017, 12:36
Дизайн