Jump to content

Search the Community

Showing results for tags 'images'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Categories

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

Categories

  • Service telecommunication 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 2 results

  1. If you are using loading images from type "img src=" and the background images on your site, what should you do: - Use image code editing that loads with "img sec=" as described in the article here - Use image code editing that loads with background images as described in the article here - Remove a script if you have already used one or the other method - Place only this script <script> function init() { var imgDefer = document.getElementsByTagName('img'); for (var i=0; i<imgDefer.length; i++) { if(imgDefer[i].getAttribute('dota-src')) { imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('dota-src')); } } $(function(){ $('[data-bg]').each(function(){ var bg = $(this).data('bg'); $(this).css('background-image','url(' + bg + ')'); }); });} window.onload = setTimeout(init, 600); </script> Now all your images will be loaded "onload" Note: If you don't understand these instructions or are looking for help, please contact me. Of course, I will help you, but for a fee.
  2. 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.