Andrea Verlicchi

vanilla-lazyload. LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.

picturePolyfill. Real picture tag polyfill, to use responsive images today!

responsive-images-automator. Automate the analysis of your image dimensions, automate the generation of responsive images HTML code, test the outcome with puppeteer

yieldy-for-loop. A tiny utility for iterating over large arrays (or any iterable) in a non-blocking, “yieldy” way, inspired by the article “Breaking up with long tasks, or how I learned to group loops and wield the yield” (PerfPlanet 2024). It helps avoid freezing the main thread by periodically yielding control back to the browser.

webperf-snippets. Web performance snippets to debug web performance in the browser

zoomLight. Picture zoom with less JS possible

google-meet-true-full-screen. A bookmarklet for toggling real full screen on Google Meet

ooo. Out of office message generator. Automatically generate your out of office messages. Ready to copy and paste.

lazyload-es2015-webpack-test. Test LazyLoad in WebPack build

responsiveImagesTagsCompared. Comparing picture against img with srcset + sizes attributes

frontTrendsWarsaw2017. These are my notes from Front-trends 2017 Warsaw conference.

verlok.github.io. The new version of my blog, based on Jekyll <3

iframes. Experiments with iframes and demos

promise-get-image-size. Just using a promise to get an image real dimensions

front-end-conferences. This is a list of upcoming front-end related conferences.

academy-challenge. Web Performance Challenge for the Netcentric Academy Class

inp-workshop. INP Workshop

Front-End-Performance-Checklist. 🎮 The only Front-End Performance Checklist that runs faster than the others

2015.cssday.it. la prima conferenza italiana dedicata ai CSS

FOODit-FrontEndTest. ApacheConf

img_srcset_lazyload. This is an example of lazy image loading with responsive images (using srcset and sizes on the img tag) and progressive JPEG image format. Best practices about web performance implemented using my LazyLoad.

blog-11ty-three. A starter repository for a blog web site using the Eleventy static site generator.

quicklink. ⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time

GildedRose-Refactoring-Kata. Starting code for the GildedRose Refactoring Kata in many programming languages.

Baseliner. All your baseline are belong to us

lazystyles. Load non-critical stylesheets lazily

web.dev. The frontend, backend, and content source code for web.dev

lazysizes. High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.

cap-image-fidelity-to-2x. Demo of https://medium.com/ynap-tech/how-to-cap-image-fidelity-to-2x-and-save-45-image-weight-on-high-end-mobile-phones-b27b43124a94

sogouVsMSIE_stats. To understand how is chinese browser Sogou Explorer tracked in Google Analytics

fullStackFest2018. My full stack fest 2018 notes

container-queries-test. CSS Container Queries

web-performance-resources. Up to date collection of valuable web performance resources

vanilla-lazy-html. Testing vanilla-lazyload to inject HTML, CSS and JS code to the current page