Jump to content

Search the Community

Showing results for tags 'background'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Categories

  • PBX
  • Headsets
  • Nippon
  • Optimizing System
  • Leisure time

Categories

  • Telephone Equipment
  • Repair of power supply units
  • Headsets services
  • Domofon system Nippon
    • Own production
  • Proel CD1803
  • Subscription Service
  • Optimizing System
  • Curious Repairs
  • Other

Categories

  • PBX
    • Instructions
    • Service Manual
  • Telephones
    • Intsructions
    • Service Manual
  • Fax machine
    • Instructions
    • Service Manual
  • Nippon
    • Instructions
    • Service Manual

Forums

  • Your Questions
    • PBX questions
    • Nippon questions
    • Headsets questions
    • Optimization ips4
    • Other Questions
  • Discussions
    • Topics for servicing
    • Topics for installations
    • Optimization ips4.x.x
    • Documentation
    • Other Topics
  • Телефонни централи's Ремонт модули
  • Телефонни централи's Модули втора употреба
  • Телефонна техника's DECT
  • Телефонна техника's Fax
  • Телефонна техника's Pbx
  • Телефонна техника's IP Phone
  • Телефонна техника's Adapters
  • Speed up IPS's Critical CSS
  • Speed up IPS's Web tests
  • Speed up IPS's Online tools
  • Speed up IPS's Me tests
  • Speed up IPS's Little tricks
  • Домофонни разработки от Нофелет's Модули
  • Домофонни разработки от Нофелет's Резервни части
  • Headsets Plantronics, Jabra etc.'s II употреба
  • Ремонти headsets's Plantronics
  • Ремонти headsets's David Clark
  • Резервни части - специализирани's IC
  • Резервни части - разни's IC

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Found 1 result

  1. 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.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.