![]() ![]() Responsive pages are sending small-screened users nearly four times as much data as they need. How much waste? Tim Kadlec has estimated that - for users on low-res mobile devices - 72% of image bytes served up by responsive pages are wasted. Every time we send a user more pixels than their device can use, we’re asking them to load data which they’ll end up throwing away. They have a fixed height and a fixed width, and while it’s possible to make them visually grow and shrink using width and max-width CSS declarations, forcing users on small, low-resolution displays to load enormous images which have been sized to look good on high-resolution displays is a performance disaster. Heck, measured by bytes, most of the web is bitmap images. You see, most of the media on the web is bitmap images. That second ingredient, “flexible media” turned out to be a bit of a bugbear. Five years ago, Ethan Marcotte coined the term “responsive web design” and gave it three defining ingredients: fluid grids, flexible media, and media queries. Create a file named *plugins.js* inside the ***config*** folder, and paste the following code into it:.Yarn add npm install After the Cloudinary package has been added, you can restart your server by running. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |