jQuery

WordPress Theme Image LazyLoad Tutorial With Adaptive Height Placeholders

WordPress Theme Image LazyLoad Tutorial With Adaptive Height Placeholders

We’ve implemented LazySizes library on our website, and it is working great! In return, you will receive higher PageSpeed and Lighthouse scores, respectively, which is important SEO optimization. However, one negative side-effect surfaced: text reflow on scroll / image loading, as the dummy 1×1 pixel placeholder gets replaced with the actual image (which is annoying […]

Google Invisible reCaptcha – How To Boost Lighthouse Performance Score?

Google Invisible reCaptcha – How To Boost Lighthouse Performance Score?

This article is about reCaptcha v2.0 API with explicit rendering method integration — it is not intended for reCaptcha v3.0 Did you know that Google’s reCaptcha anti-spam system SLOWS DOWN all of your websites? If you don’t know what Lighthouse is check our brief introduction to Lighthouse project. Google Invisible reCaptcha + Lighthouse Performance Score […]

How To Test/Debug Responsive Website Design with jQuery

How To Test/Debug Responsive Website Design with jQuery

Article updated: 2018 Dec 30 This is NOT another simple jQuery browser window resizer tool you might expect! Google Website PageSpeed Insights Tools recently went through a serious change. Google dropped the mobile responsive design test, and left only the speed test section. The Mobile Friendly Test was moved (merged) into Webmasters Tools Mobile Usability […]