Премини към съдържание

Търсене в сайта

Резултати за етикет 'defer'.

  • Търсене в етикети

    Раздели със запетаи етикетите
  • Търсене в автори

Вид съдържание


Отдели

  • Телефонни централи
  • Headsets
  • Домофонна система Нипон
  • Оптимизация на ips4
  • Свободно време

Отдели

  • Телефонна техника
  • Сервиз на токозахранващи блокове
  • Сервизиране на Headsets
  • Домофонна система Нипон
    • Собствено производство
  • Цифрови системи Proel
  • Абонаментен съпорт
  • Оптимизация
  • Любопитни ремонти
  • Сервиз на друга техника

Отдели

  • Телефонни централи
    • Инструкции
    • Сервизна документация
  • Телефонни апарати
    • Инструкции
    • Сервизна документация
  • Факс апарати
    • Инструкции
    • Сервизна документация
  • Нипон
    • Инструкции
    • Сервизна документация

Консулти

  • Вашите въпроси
    • Въпроси за PBX
    • Въпроси за Нипон
    • Въпроси за Headsets
    • Оптимизация на ips4
    • Други въпроси
  • Дискусии
    • Теми за сервизиранe
    • Теми за монтажи
    • Оптимизация на ips4
    • Добавяне документация
    • Други теми
  • Телефонни централи и Ремонт модули
  • Телефонни централи и Модули втора употреба
  • Телефонна техника и DECT
  • Телефонна техника и Fax
  • Телефонна техника и Pbx
  • Телефонна техника и IP Phone
  • Телефонна техника и Adapters
  • Speed up IPS и Critical CSS
  • Speed up IPS и Web tests
  • Speed up IPS и Online tools
  • Speed up IPS и Me tests
  • Speed up IPS и Little tricks
  • Домофонни разработки от Нофелет и Модули
  • Домофонни разработки от Нофелет и Резервни части
  • Headsets Plantronics, Jabra etc. и II употреба
  • Ремонти headsets и Plantronics
  • Ремонти headsets и David Clark
  • Резервни части - специализирани и IC
  • Резервни части - разни и IC

Намери резултати в...

Намери резултати които...


Дата на създаване

  • Начало

    Край


Последна промяна

  • Начало

    Край


Филтриране по количество

Намерено: 2 резултата

  1. Nophelet

    Defer background images

    Plugin developers often use loading images directly into the html template, for example: <div class="ipsType_developer class" style="padding-bottom: {{developer code}%{{else}}xx%{{endif}}; background-image:url('{{developer code}');{{endif}}"> This solution works very well, but the presence of many images that load, provides a delay in loading a site. Lazy loading accelerates speed site, but this method has many disadvantages and I personally do not use it. I offer you a relatively easy solution for loading background images after time "onload". 1. Edit the code listed above <div class="ipsType_developer class" style="padding-bottom: {{developer code}%{{else}}xx%{{endif}};" data-bg="{{developer code}{{endif}}"> 2. Open the includeJS template and place the script in the template at the bottom. <script>$(function(){ $('[data-bg]').each(function(){ var bg = $(this).data('bg'); $(this).css('background-image','url(' + bg + ')'); }); });</script> That is all. Test with online servers and make sure you speed up your site. For example, use GtMetrix and open menu Waterfall - all your background images loading after red line (onload time). Also, PSI test stop warning your background images Note: If you are already using a script to defer images loaded with "img src=", then read an article about combined use of defer images.
  2. Nophelet

    Defer offscreen images

    This is an easy way to load images after time onload. 1. Open template -> core_global_global_includeJS 2. Add this script at the bottom <script> function init() { var imgDefer = document.getElementsByTagName('img'); for (var i=0; i<imgDefer.length; i++) { if(imgDefer[i].getAttribute('data-src')) { imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('data-src')); } } } window.onload = init; </script> 3. For your images which you want loads after that time onload, change to a template code img src. If your code is type for example <img src = "{code ips images}" alt=""> change the code so <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="{code ips images}" alt=""> 4. For articles image, find code in template <div class="cCmsRecord_image"> <a href="{$record->url()}" title="{lang="read_more_about" sprintf="$record->_title"}"><img class="ipsImage" src="{file="$record->_record_image_thumb" extension="cms_Records"}"></a> </div> and replace with this <div class="cCmsRecord_image"> <a href="{$record->url()}" title="{lang="read_more_about" sprintf="$record->_title"}"><img class="ipsImage" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="{file="$record->_record_image_thumb" extension="cms_Records"}"></a> </div> 5. For avatars: Open template core_global_userPhoto, and replace everything with this code {{if $member->member_id and \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members' ) )}} {{$memberURL = ( $warningRef ) ? $member->url()->setQueryString( 'wr', $warningRef ) : $member->url();}} <a href="{$memberURL}" {{if $hovercard}}data-ipsHover data-ipsHover-target="{$memberURL->setQueryString( 'do', 'hovercard' )}"{{endif}} class="ipsUserPhoto ipsUserPhoto_{$size}{{if $classes}} {$classes}{{endif}}" title="{lang="view_user_profile" sprintf="$member->name"}"> <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src='{$member->photo}' alt='{$member->name}'></a> {{else}} <span class='ipsUserPhoto ipsUserPhoto_{$size} {{if $classes}}{$classes}{{endif}}'> <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src='{$member->photo}' alt='{$member->name}'></span> {{endif}} Note: If you are already using a script to defer images loaded with "background-image:url...", then read an article about combined use of defer images.
×
contactus
contactus

Важна информация

Поставихме "бисквитки" на устройството ви, за да направим този сайт по-добър. Можете да коригирате настройките си за "бисквитките" , в противен случай ще предположим, че сте съгласни да продължите.