silicoid

Рейтинг
171
Регистрация
13.10.2014

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

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

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 раз больше и по площади и по объему

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

это хорошо.

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

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

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

SEO_87, а что вы хотели сделать?

У вас данные из формы передаются скрипту в файле mail.php, который проводит валидацию и отправляет письмо.

если не будет обращение к mail.php у вас просто письмо никуда не уйдет после сабмита

вувф, предлагаю еще несколько вариантов дешевых погодометров

берем раскрывшуюся сосновую шишку, втыкаем туда стрелку -> профит

/шишки перед дождем "закрываются", значит стрелка покажет "дождь"/

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

можно поставить два термометра на улице, один влажный другой сухой. По разнице температур определить будут-ли заморозки или нет -> наводим камеру, под ней размещаем таблицу для пересчета )))

а.. еще про муравейники забыли,

а самый простой вариант. навести камеру на небо и ловить перистые облака.

увидел толпу перистых облаков. хватай зонт. Через три часа дождь с гарантией

для технических эстетов - грозовой регистратор из старого радиоприемника )))

а по теме.

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

Сложно понять зачем?!

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

и да. 4000р это вообще-то 4 часа работы квалифицированного программиста

KaldYn:
@font-face {
font-family: Roboto-Black; /* имя шрифта для CSS правил */
src: local("Roboto-Black"), /* проверяем наличие шрифта в ОС пользователя */
url("fonts/Roboto-Black.ttf"); /* если шрифт не установлен, тогда загружаем его по указанному пути */
}

должно же быть как-то так

@font-face {
font-family: 'Roboto-Black';
font-style: normal;
font-weight: 400; /*или 700, если bold*/
src: local('Roboto-Black'), local('Roboto-Black'), url(fonts/Roboto-Black.woff2) format('woff2'), url(fonts/Roboto-Black.woff) format('woff'), url(fonts/Roboto-Black.ttf) format('truetype'), url(fonts/Roboto-Black.svg) format('svg')
}

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

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

т.е. все современные браузеры подтянут woff2 а те, что его не едят TTF

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

$(window).load(function() {/** код **/});

данная конструкция активируется после того, как будет загружено дерево и все изображения

или

$(document).ready(function() {/** код **/});
-сие запустится до загрузки картинок

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

	

$(document).ready(function() {
$('head').append('<script type="text\/javascript" src="\/scripts\/yourScript.js"><\/script>');
});


---------- Добавлено 10.07.2017 в 18:20 ----------

Заменить ттф на woff просто. Надо переставить очередность загрузки шрифтов в стилевом файле.

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

на сколько я вижу сейчас, у вас очень много грузится JS и CSS с сайта. их вообе в один файл собрать можно?

/это больше вопрос спецам по вордпрессу, так как я в нем совершенно не силен./

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

можно часть фич в асинхрон загнать, чтоб рендер начинался раньше

Vds точно ничего не даст, а скорее сделает хуже (конечно, если вы не готовы держать очень железный дедик, за 4к+ в месяц) Так как у нас привыкли продавать один сервер 1000 клиентам. Вот они и дерутся за каждый процессорный такт.

Надо заняться с анализа, что является причиной такого кол-ва запросов.

какие службы/скрипты/плагины их генерят. (что можно объединить, и сжать)

заняться кэшированием статики.. ну и т.д.

посмотреть размеры изображений. Оптимизировать их.

Всего: 1685