Extend your content by using ChatGPT to generate blog posts from speaking transcripts
Considering headless? Why web performance should not be your only reason...
Default lazy loading for image tags and new section.index properties...
We see three common web performance problems related to layout position with Shopify themes...
What does this mean for Shopify sites and what can you do now to make sure you’re ready for the switch?
WebPageTest is an amazing tool for testing performance. Here's how to use the scripting feature to test sites behind passwords.
Does web performance truly matter? What are the reasons? Whether you're new to this topic or want to better understand the arguments, this article is for you.
Much like a carpenter or handyperson, every web performance expert has a set of their favorite tools. Here’s my own toolbox favorites and why.
Images are key to user experience. Making images smaller doesn't always result in better performance. How can images impact page load speed and layout shift?
Responsive images are important for both user experience and site speed. Get them right, and your users will be more likely to convert. Get them wrong, and you may cause your site to be slow.
Lazy loading is a performance strategy that de-prioritizes assets like images that are not needed immediately after a webpage is loaded. As with any strategy, you can misuse it causing worse performance.
At Shopify, we’ve seen what works and what doesn’t work when companies want to improve their web performance. We want to share with you our top learnings to get you on the path of success.
A lot of e-commerce solutions exist, but many of them charge a monthly fee. How could we build a site with the lowest hosting costs possible?
The state of web performance in 2021 including the Core Web Vitals (LCP, CLS, FID) as well as FCP and TTFB for the top ~8M websites.
What's holding you back from starting your blog? Sort through the real issues from the noise and start today.
What tools are web performance engineers using to measure site speed in 2021? Learn which are the most used tools as well as some new tools to try out.
Start using AVIF today with Cloudinary. Learn about your options, the tradeoffs, and how to overcome slow transformations.
My experiment with 30 days of web performance tips. All packaged up for your temporary viewing pleasure. Results from a Twitter series by Sia Karamalegos.
Get started going serverless with Netlify functions and Netlify-CLI for keeping secrets secret
Want to get started with Eleventy but feel overwhelmed? Try out this pared-down tutorial
Add Prettier with a pre-commit hook and dedicate one commit to a full reformat
Use lite-youtube-embed in Eleventy for faster and more privacy-minded video
Learn the fundamentals behind responsive images and how to set them up in Eleventy using Cloudinary and Eleventy shortcodes
Slides and resources from my talks at JamStack Toronto and Magnolia JS.
Setting and using data in the static site generator Eleventy
Learn to optimize your images for the web in this video from PerfMatters Conf.
It's really easy.
Encourage users to retweet or share a post based on whether a Tweet already exists for your blog post.
Trying to convince your company to make site load speed improvements? Maybe Google Analytics can help.
If you use Google Fonts, a few additional steps can lead to much faster load times. Learn about preconnect, optimal placement, font display, preload, and more in this post.
With the Chromebook Linux beta, web development got a whole lot easier.
Explore Drupal from the perspective of a React developer looking to familiarize themselves with Drupal and its capabilities
Get a taste of why developers are so happy with React and learn about how some of the concepts are similar or different from the Drupal and PHP world
Import your Google Analytics data into caniuse for detailed feature support for your users.
Finding inspiration through personal grief
Descriptions of the auto-generated folders in Rails 4.2