category svg 
Smashing Magazine
JULY 20, 2022
lets you optimize JPEG, PNG, SVG, GIF, and WebP using lossy or lossless compression up to 10MB per file. SVGOMG is specifically for reducing the size of SVG graphics. SVG optimizers are useful because many programs that produce SVG include redundant and useless info in the SVG code that produces the image.
CSS - Tricks
FEBRUARY 16, 2021
Use loading="lazy" Use decoding="async" Use inline CSS/SVG for a blurry placeholder. I’m not super convinced blurry placeholders are in the same category of necessary as the rest of this stuff. Use responsive images syntax. Set far-out expires headers on images and have a cache-busting strategy (like changing the file name).
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
Smashing Magazine
OCTOBER 2, 2023
Image Optimization Images are pieces of content in many contexts, and they are a very important and prominent part of the WaterBear app’s experience, from video posters and category banners to partner logos and campaign image assets. After scrolling the video category page, a bunch more images are loaded.
Smashing Magazine
JUNE 2, 2021
When we talk about an e-commerce website, the main pages you’ll have are: the home page (and “content” pages), category and search pages, product detail pages, the cart and checkout (obviously). The prototype came with some custom icons that were embedded SVG symbols. So we decided to move them to an external SVG file and preload it.
Speed Curve
SEPTEMBER 20, 2022
Revisiting the Joules’ example from earlier, we could use Element Timing to measure when landmarks such as the logo or category title are displayed. image elements within an SVG. We could also measure when the first product image is rendered. Example landmarks on Joules' Product Listing Page (PLP). video element's poster image.
MachMetrics
JUNE 18, 2019
reSmush.it , WP Smush , and Compress JPEG & PNG images are just a few of the excellent options you have in that category. Image Formats – JPEG vs PNG vs WebP vs SVG. The SVG on the other hand, is drawn from mathematically declared shapes and curves, instead of pixels so they can be enlarged and will always look great.
KeyCDN
DECEMBER 12, 2018
Good Stuff No Nonsense The funky, hand-drawn icons at Good Stuff No Nonsense are sorted into more than two dozen categories for ease of use. This includes Sketch, Illustrator, SVG, and PDF. Key Features Free use of all icons Convenient icon sets Four format download options Downsized icons optimized for web use 3.
Expert insights. Personalized for you.
134 
Let's personalize your content