Lazy loading is a technique that defers loading of non-critical resources at page load time. Instead, these non-critical resources are loaded at the moment of need. Where images are concerned, “non-critical” is often synonymous with “off-screen”. If you have used Lighthouse and examined some opportunities for improvement, you may have seen some guidance in this… Continue reading How to Lazy Load Images and Video for Better Website Performance – 2024 Updated
Tag: JavaScript
How to Create Email Social Share Button – NO PLUGINS ONE LINE HTML ONLY
When you visit any prominent blog such as ThoughtCo you might have seen the following social share buttons. Just hit the email share button and quickly it pops up your default email client with share link. If you wonder how to get this feature without using any external plugins then this article is for you.… Continue reading How to Create Email Social Share Button – NO PLUGINS ONE LINE HTML ONLY
How to Create Fade-in Effect on Page Load – 4 Ways [CSS/JS]
When I visit a webpage, I get annoyed when I try to interact with elements while the website is still loading. Often stuff is moving around, fonts aren’t quite loaded, and it feels broken. I know nowadays we are obsessed in this industry with gaining every millisecond in page performance. But in a couple of… Continue reading How to Create Fade-in Effect on Page Load – 4 Ways [CSS/JS]
JavaScript Data Types – A Quick Intro
JavaScript data types are an essential piece to understanding modern JavaScript. A data type is a classification of data. Programming languages need to have different data types to interact properly with values. A data type in a language defines the type of data a variable can hold. You can do math with a number, but not with… Continue reading JavaScript Data Types – A Quick Intro
3 Ways to include JavaScript in HTML
JavaScript is used in several ways in web pages such as generate warning messages, build image galleries, DOM manipulation, form validation, and more. On our last post we have discussed about JavaScript history and what holds for it in the future. Now let’s take a look at some of the ways we can link JavaScript… Continue reading 3 Ways to include JavaScript in HTML
The History of JavaScript: Everything You Need to Know
JavaScript is the de facto language of the internet and it is arguably one of the most important languages today. The rise of the web has taken JavaScript places it was never conceived to be. So, without further ado, let’s take a look at what JavaScript is, how and why it was created, and what’s… Continue reading The History of JavaScript: Everything You Need to Know
React Learning Path in 2024 – A Roadmap from Beginner to Advanced
Want to discover some simple ways to learn React in 2024? This guide is for people who are starting with React or who have gone through React as a beginner and unsure on what to pick up next as an advanced React developer. In this guide, I want to give beginners as well as advanced… Continue reading React Learning Path in 2024 – A Roadmap from Beginner to Advanced