Полезные напоминалки

30 август 2020, Воскресенье
301
0
Полезные напоминалки

Собираю для себя в кучу варианты скриптов, для фикса работы ленивой загрузки в ДЛЕ и т.п…

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

Полезные сайты


Проверка микроразметки в Яндексе и в google
Сервисы сжатия кода: refresh-sf.com cssminifier.com jаvascript-minifier.com html-minifier.com
Табинферы: #1 #2
Онлайн генератор favicon по изображению для всех устройств: #1 #2
Онлайн генератор изображений по тексту и размеру: #1
Оптимизация изображений онлайн: jpg+png jpg png
Проверка скорости загрузки страниц: Google PageSpeed GTmetrix
Изображения в base64 онлайн: #1 #2 #3

Attribute presence and value selectors
Внимание! У Вас нет прав для просмотра скрытого текста.

Фиксы скриптов при активном lazyLoadXT в DLE


добавить
$('[data-src]').lazyLoadXT();

Например, для скрипта ЗАГРУЗИТЬ ЕЩЁ, найти функцию, отвечающую за это, и добавить
$('[data-src]').lazyLoadXT();

и должно получиться так
HideLoading('');$('[data-src]').lazyLoadXT();

для табов в шаблонах вебрембо:
$('.tabs-sel').on('click', 'span:not(.current)', function() {
		$(this).addClass('current').siblings().removeClass('current')
		.parents('.tabs-box').find('.tabs-b').hide().eq($(this).index()).fadeIn(0);
		$('[data-src]').lazyLoadXT();
	});

Адаптивность плеера


.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {width: 100%; 
max-width:100% !important; height:400px; display:block;}
@media screen and (max-width: 590px) {
	.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {height:300px;}
}
@media screen and (max-width: 470px) {
	.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {height:250px;}
}

Удаляем множественные слеши в URL через файл .htaccess


RewriteCond %{REQUEST_URI} ^(.*)//(.*)$
RewriteRule . %1/%2 [R,L]

ЯндексМетрика и GoogleSpeed


Код, который “откладывает” загрузку метрики. Сайт загрузится быстро, и как только пользователь начнет скроллить, через секундный таймаут начнется загрузка дополнительных ресурсов. Тесты станут в порядке, а метрика будет работать исправно на всех устройствах.
var fired = false;

window.addEventListener('scroll', () => {if (fired === false) {fired = true;setTimeout(() => {// Сюда вставляете метрики без тегов <script>}, 1000)}
});

Пример вставки кода с Яндекс Метрикой и включенным вебвизором. Вместо “00000000000000” вставьте свой номер счетчика Яндекс Метрики.
<script>var fired = false;

window.addEventListener('scroll', () => {if (fired === false) {fired = true;setTimeout(() => {(function(m, e, t, r, i, k, a) {m[i] = m[i] || function() {(m[i].a = m[i].a || []).push(arguments)};m[i].l = 1 * new Date();k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)})(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");ym(00000000000000, "init", {clickmap: true,trackLinks: true,accurateTrackBounce: true,webvisor: true});}, 1000)}
});
</script>

В ДЛЕ код сжимается, добавлю сразу и сжатый код в одну строку:
<script>var fired=!1;window.addEventListener("scroll",()=>{!1===fired&&(fired=!0,setTimeout(()=>{!function(e,t,n,a,r,i,c){e.ym=e.ym||function(){(e.ym.a=e.ym.a||[]).push(arguments)},e.ym.l=1*new Date,i=t.createElement(n),c=t.getElementsByTagName(n)[0],i.async=1,i.src="https://mc.yandex.ru/metrika/tag.js",c.parentNode.insertBefore(i,c)}(window,document,"script"),ym(00000000000000,"init",{clickmap:!0,trackLinks:!0,accurateTrackBounce:!0,webvisor:!0})},1e3))});</script>
<noscript><div><img src="https://mc.yandex.ru/watch/00000000000000" style="position:absolute; left:-9999px;" alt="" /></div></noscript>

Источник
Комментарии:
Прокомментировать
Модули для создания киносайта и не только на базе DataLife Engine, и многое другое...
Просто блог Евгения Попова, он же - byroot © 2020