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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


День добрый, друзья. Есть сайт сделанный на 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


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


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


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


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


Этот кусок сделает показатели 95-100, а в ним и привлекательность сайта для поисковиков.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
koroluk1990
koroluk1990
Topic Starter сообщение 5.5.2016, 22:58; Ответить: koroluk1990
Сообщение #5


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


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


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


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



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


Цитата(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


Цитата(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>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрая индексация страниц сайта и обратных ссылок - 2Index
 38 2Index 6617 Вчера, 12:56
автор: 2Index
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
 11 Aloof 2811 16.4.2024, 12:48
автор: diviner99
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыA-Parser 1.1 - продвинутый парсер ПС, кейвордов, контента, показателей, 70+ парсеров.
 353 Forbidden 279266 11.4.2024, 17:07
автор: AParser_Support
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыSiteAnalyzer - бесплатная программа для аудита и анализа сайта
 77 Chaser 74211 9.4.2024, 11:36
автор: Chaser
Открытая тема (нет новых ответов) Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта
 0 Alex-777 842 7.4.2024, 18:05
автор: Alex-777


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 19.4.2024, 6:36

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet