Перейти к содержимому


Пользователь месяца
TimurR TimurR 1-й за Август
Очков активности: 726 3 темы, 35 сообщений, 11 баллов репутации
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 207 2 темы, 17 сообщений, 6 баллов репутации

  • Фотография Ixman
    #2

    Ixman (o5cat.ru)
    Очков активности: 72 0 тем, 8 сообщений, 6 баллов репутации

  • Фотография WGN
    #3

    WGN (worldgamenews.com)
    Очков активности: 69 Вне конкурса за определение пользователя месяца

  • Фотография magnet
    #4

    magnet (rbfxdirect.com)
    Очков активности: 67.5 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 30 Вне конкурса за определение пользователя месяца

  • Фотография Алексей111
    #6

    Алексей111
    Очков активности: 28.5 5 тем, 4 сообщения, 1 балл репутации

  • Фотография TimurR
    #7

    TimurR
    Очков активности: 22.5 Вне конкурса за определение пользователя месяца

  • Фотография torix
    #8

    torix
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

  • Фотография Developer
    #9

    Developer
    Очков активности: 21 1 тема, 11 сообщений, 1 балл репутации

  • Фотография fedornabilkin
    #10

    fedornabilkin (zaka4ano.ru)
    Очков активности: 18 0 тем, 4 сообщения, 3 балла репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 20.09.2018
Топ 5 участников по репутации


Анимация на сайте тормозит загрузку.

#1 Napoleon-007

Napoleon-007
  • Пользователь
  • 554 сообщений
  • Репутация: 19
0

Отправлено 07 December 2017 - 20:02

Все Привет! 

Вот какая появилась мысль! Правильно ли я понимаю, что большинство анимационных эффектов такие как появление некоторых элементов страницы, выполняются с помощью специальных скриптов, что в свою очередь грузит сайт. Например в моём случае, в последних версиях шаблона DIVI, появилось не мало интересных эффектов. Например, плавное появление фотографий с лева или право. Они могут при этом отскакивать, крутиться, вертеться и т.д или просто плавное их прорисовка на странице по мере её просмотра. При этом не понятно мне вот еще какой момент! Все эти эффекты появляются по мере прокрутки страницы. Значит ли это, что и сами элементы подгружаются по мере этого продвижения страницы? или все грузится сразу? Сейчас я например отключил все эффекты и убрал фотографии из шапки сайта. Отказов стало меньше, глубина просмотра тоже увеличилась.


 

 

  • 0

Я нормальный !!! :blink:   Мой сайт Фотограф



#2 ShowPrint

ShowPrint
  • Пользователь PRO
  • 3013 сообщений
  • Репутация: 813

Отправлено 07 December 2017 - 20:11

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

 

Все эти эффекты появляются по мере прокрутки страницы. Значит ли это, что и сами элементы подгружаются по мере этого продвижения страницы? или все грузится сразу?
В основной своей массе - сразу, по мере прокрутки только запускаются "события" для достижения "динамики". Смысла выводить инфу с красивым эффектом когда она находится за пределами экрана никакого нет, а если подргужать "на лету", по мере прокрутки - будут тормоза и динамика не такая плавная получится.
  • 1
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#3 BLIK

BLIK
  • Супермодератор
  • 4085 сообщений
  • Репутация: 919

Отправлено 07 December 2017 - 20:14

@Napoleon-007,Там в настройках еще появилась функция кеширования(если не путаю тему), посмотрите по настройкам в самой панели темы. 


  • 0

Качественный хостинг   Тут может быть ваша ссылка?



#4 Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 554 сообщений
  • Репутация: 19

Отправлено 07 December 2017 - 20:55

@Napoleon-007,Там в настройках еще появилась функция кеширования(если не путаю тему), посмотрите по настройкам в самой панели темы. 
 

Да есть такое. Я даже пробовал, но проверка домена показывает, что кэш не включен. А может есть сайты. которые более точно это показывают?



Спасибо Миш, я понял!


  • 0

Я нормальный !!! :blink:   Мой сайт Фотограф



#5 BLIK

BLIK
  • Супермодератор
  • 4085 сообщений
  • Репутация: 919

Отправлено 07 December 2017 - 20:55

@Napoleon-007,Кеш домена и кеш в теме, разные вещи. И сервисы показывают другое кеширование. 


  • 0

Качественный хостинг   Тут может быть ваша ссылка?



#6 Роман Зеленков

Роман Зеленков
  • Пользователь
  • 58 сообщений
  • Репутация: 11

Отправлено 08 December 2017 - 08:18

Значит ли это, что и сами элементы подгружаются по мере этого продвижения страницы? или все грузится сразу?

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

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


  • 0

#7 Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 554 сообщений
  • Репутация: 19

Отправлено 08 December 2017 - 08:32

Если расположить загрузку после кода страницы, то она будет появляться после загрузки всего контента, если до (например сразу после head или в нем самом), то сначала грузится скрипт.

У меня шаблон на вордпрессе и мне трудно сказать, как это реализовывается. Хотя бы понимать как оно вообще бывает.

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

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


  • 0

Я нормальный !!! :blink:   Мой сайт Фотограф



#8 Роман Зеленков

Роман Зеленков
  • Пользователь
  • 58 сообщений
  • Репутация: 11

Отправлено 08 December 2017 - 08:41

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


  • 0

#9 Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 554 сообщений
  • Репутация: 19

Отправлено 24 December 2017 - 23:37

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

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

style="animation-duration: 1000ms; animation-delay: 0ms; opacity: 0; animation-timing-function: ease-in-out;"

Сообщение отредактировал Napoleon-007: 24 December 2017 - 23:39

  • 0

Я нормальный !!! :blink:   Мой сайт Фотограф



#10 ShowPrint

ShowPrint
  • Пользователь PRO
  • 3013 сообщений
  • Репутация: 813

Отправлено 25 December 2017 - 10:46

@Napoleon-007, ресурс не подскажу, не использую, в инете есть, можно найти без проблем, но лично я рекомендовать не могу ничего - в виду отсутствия практического использования.

 

Для оценки что/как грузится и тормозит я пользуюсь анализом тайминга в "инструментах вебмастера" г-хрома.

Не знаю насколько это норма для движков, но у тебя больше секунды занимает ожидание ответа сервера и загрузка кода страницы

Untitled-1.png

 

Для сравнения у меня это порядка 60 милисекунд и отдача 304-го ответа сервера, а не 200-го  ;)


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85


Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru