Хостинг или ВДС? Или как ускорить сайт?

1 234
KY
На сайте с 21.07.2016
Offline
43
#21
silicoid:

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

Теперь со шрифтами так:

jpg 164787.jpg
S
На сайте с 13.10.2014
Offline
171
#22

KaldYn, наблюдаем трех - пятикратное сокращение времени загрузки.

это хорошо.

---------- Добавлено 11.07.2017 в 15:24 ----------

а если запихнуть всю адвертайзину в загрузку уже после того, как загрузится контент?

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

KY
На сайте с 21.07.2016
Offline
43
#23
silicoid:
наблюдаем трех - пятикратное сокращение времени загрузки.
это хорошо.

Да, спасибо вам огромное. Теперь, смотрю, картинки много берут. А с ними что можно придумать? Перед загрузкой на хостинг я их через compressjpeg.com прогоняю всегда

---------- Добавлено 11.07.2017 в 14:28 ----------

silicoid:
а если запихнуть всю адвертайзину в загрузку уже после того, как загрузится контент?

А это что? И как это сделать?

S
На сайте с 13.10.2014
Offline
171
#24

KaldYn, "адвертазина" - это реклама Гугла, я.директа и прочие баннерокрутилки.

их загрузку можно запустить уже после того, как загрузится дерево DOM


$(document).ready(function() {
/* вот сюда поместить скрипты загрузки баннеров, директа, кнопок соцсетей и пр*/
});

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

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

делается это примерно так

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

код будет, примерно таким

<img src="/images/dot.gif" data-src="/images/your_image.jpg" width="{dimm-x}" height="{dimm-y}" alt="some-text" title="some-text" />

а дальше, по факту загрузки документа, прогоняем сие через each


$(window).load(function()
{
$("img").each(function(indx)
{
$(this).attr('src')=$(this).data('src');
});
});

пример выше, это всего-лишь пример. Если делать живой скрипт, то надо будет предусмотреть проверочку на отсутствие данных в data



---------- Добавлено 11.07.2017 в 15:49 ----------

вообще. надо бы проверить соответствие реальных размеров изображений и демонстрируемых.

вполне возможно, что у вас показывается картинка 100х100, а загружается 300х300, а это, в 9 раз больше и по площади и по объему

KY
На сайте с 21.07.2016
Offline
43
#25
silicoid:

вполне возможно, что у вас показывается картинка 100х100, а загружается 300х300, а это, в 9 раз больше и по площади и по объему

Вообще, все картинки перед загрузкой равнял по ширине контента в фотошопе - на 700px.

S
На сайте с 13.10.2014
Offline
171
#26

KaldYn, а изображения у вас так и показываются на фулл-сайз?

а анонсы, превьюхи, листинги масштабируются?

KY
На сайте с 21.07.2016
Offline
43
#27

Да, так и показываются в полном размере. Анонсы, вроде, масштабируются

S
На сайте с 13.10.2014
Offline
171
#28

KaldYn, тогда еще можете поиграть с уровнем сжатия. Сжимать надо примерно до уровня, при котором становятся видны артефакты (вернее чуть лучше того уровня).

ну и с png-хами надо быть аккуратнее. Формат очень хорош, но только там, где требуется альфаканал или есть большие области заливок, будь то сплошные или ровные градиенты.

вот тут он уделывает джипег

---------- Добавлено 11.07.2017 в 16:11 ----------

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

как пример, сайт под админом генерится 1000мс. под простым смертным 300

---------- Добавлено 11.07.2017 в 16:17 ----------

а.. еще

у вас jquery, jquery.ui грузятся со сторонних CDN

с точки зрения нагрузки на сервер, это хорошо, а вот с точки зрения скорости загрузки - не очень. и если google с которого берется UI еще справляется, то CDN jQuery подтормаживает отдачу. (скрипт грузится почти полсекунды)

KY
На сайте с 21.07.2016
Offline
43
#29

silicoid, А на какие показатели вообще стоит ориентироваться?

S
На сайте с 13.10.2014
Offline
171
#30

1. время ответа сервера (это то время, которое требуется серверу, чтоб сгенерить контент)

2. время до появления события document.ready - это то самое время, когда загружается дерево сайта и запускается большинство скриптов

3. время полной загрузки сайта

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

допустим вот такие данные мне дает Ваш сайт (т**й-се*****ок.ру он??)

загрузка под анонимусом 300-600мс - это достаточно хороший результат

время загрузки дом - 2.5с

время полной загрузки 4с

(это файрфокс)

поэтому я бы особо не переживал за скорость. тут все в порядке

в хроме ситуация немного другая,

время генерации страницы не изменилось, а вот дерево дом сформировалось за 1.25с а полная загрузка за 2.7секунды.

1 234

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий