Skip to content

RESOURCES / BLOG / Lazy Loading

Results for Tag ‘Lazy Loading’

How to Lazy Load and Autoplay Videos Without Killing Your Core Web Vitals

Topics Lazy Loading, Performance Optimization, Video
Read Time

Autoplay videos can work exceptionally well in specific contexts. Want a muted promotional banner to showcase your products? An interactive product tour? A hero section that shares your brand at a glance? When set up correctly, autoplay videos increase engagement, as users can watch your content without the extra step…

3 Ways to Lower Your Website’s Carbon Footprint This Earth Day

Topics CDN, Green Tech, Lazy Loading
Read Time

Based on a quick glance at the calendar we concluded that there are only two holidays that you would celebrate by performing mathematical calculations.  The first holiday that leaps to mind is Pi Day, but Pi Day is more of a charming coincidence than a genuine commemoration or celebration. And,…

Lazy-Load Videos in Next.js Pages

Topics Guest Post, Lazy Loading, Next.js, React, Video
Read Time

Over time, engineering efforts have been put into developing more performant web applications. Jamstack technologies like Next.js came from this need. JAMstack technologies like Next.js emerged from an interest in improving the performance of modern web applications. This article will show you one way to improve…

How to asynchronously load and decode images

Topics Guest Post, Image, Lazy Loading, Under Review
Read Time

Images are an increasingly important part of the web. The ability to retain visual information is one of the many reasons we find images appealing, and this makes images more effective at conveying ideas across cultures. Imagine a website without images? Boring! However, if images aren’t properly optimized, they can…

Create Image Loading Placeholders

Topics Guest Post, Lazy Loading, NuxtJS, Performance, Under Review, Vue
Read Time

In today’s world, where optimization and loading time is crucial for websites, loading placeholders are developed to improve the waiting experience of users on a webpage. This article will discuss how to create a loading placeholder image that shows a lightweight version of an image, whether pixelated, blurry etc., before…

From an XWP WordPress Engineer: What’s Next for Cloudinary’s WordPress Plugin

Topics Asset Management, Image Transformation, Lazy Loading, Responsive Images, Video Transformation, WordPress
Read Time

Media management is at the heart of what WordPress does, and with Cloudinary’s WordPress Plugin, we’re all set to alleviate numerous pain points for WordPress users by adapting the plugin’s features developed by Cloudinary, and adapted by XWP, on its platform into a working WordPress plugin. This article describes…

Introducing WordPress Plugin Version 3.0 From Cloudinary

Topics Asset Management, Image Transformation, Lazy Loading, Performance Optimization, Product Gallery, Responsive Images, Video Transformation, WordPress
Read Time

Early this year, we at Cloudinary decided to go all in and build something bigger and better than what we’d built before. The team kept its word: Cloudinary’s WordPress Plugin Version 3.0—called WP Plugin V3 in the rest of this post—is here and it’s awesome! WP Plugin V3 is…

Automating File Upload and Sharing

Topics Android, Asset Management, Digital Asset Management, Django, File-upload, Javascript, jQuery, Lazy Loading, Node, Performance Optimization, PHP, Responsive Images, SDK, Vue
Read Time

As computer users, we constantly upload files, transferring them from one system to another over a network. You can perform uploads on a terminal, such as through the SSH File Transfer Protocol (SFTP) or Secure Copy Protocol (SCP), File Transfer Protocol (FTP) clients, or web browsers. Generally, you upload files…

Lazy-Load React and Boost Page Performance for Your Apps

Topics Asset Management, Lazy Loading, React
Read Time

React is a popular open-source JavaScript library for creating user interfaces (UIs) for single-page web applications, with React Native slated for building mobile apps. Helpfully, React organizes UIs into collections of reusable components, rendering feature management a cakewalk. However, to boost user engagement, conversion, and SEO ranking, you…

Start Using Cloudinary

Sign up for our free plan and start creating stunning visual experiences in minutes.

Sign Up for Free