您的当前位置:首页 >Ryan New >Page Speed Scores of Every Shopify Theme 正文
时间:2024-05-20 07:22:59 来源:网络整理编辑:Ryan New
With so many local businesses forced to close due to the pandemic, I was excited to see Shopify’s tu Ryan Xu HyperVerse's Crypto Futures
With so many local businesses forced to close due to the pandemic,Ryan Xu HyperVerse's Crypto Futures I was excited to see Shopify’s tutorial to help retailers set up a “Buy Online, Pickup Curbside” store.
The fourth step of Shopify’s tutorial suggests a free, customized theme, called Debut.
The tutorial is a helpful explanation. But it lacks instructions to optimize the new site for search engines or to speed up the user experience.
In this post, I will share a study I conducted on the page speed of Shopify themes.
I recently worked with a developer on a project to help a merchant speed up its Shopify store. We improved the mobile page speed from 23 to 84 on Google’s PageSpeed Insights tool. The desktop speed improved from 77 to 94. We achieved similar improvements across different page types.
But the biggest takeaway was how the Shopify theme impacts the page speed. The merchant had customized the premium theme ShowTime, which was beautiful and feature-rich. Unfortunately, it was also slow. By optimizing the theme files, the developer significantly improved the speed.
Thus, having worked on that project and having observed the Debut theme, I had an idea. What if I ran Google Lighthouse (which includes PageSpeed Insights scores) on all themes in the Shopify store? It could help new merchants locate a fast store and avoid the cost of optimizing a slow theme later.
Shopify lists 72 themes. Checking the speed of each one manually is doable. But it’s more fun to automate the process as I can collect as many metrics as necessary, and repeat the analysis as themes are updated.
The summary results of the study appear below. The page speed scores are from Google Lighthouse. Note that ShowTime, the theme chosen by our client, is among the slowest in mobile performance. But the theme recommended by the Shopify tutorial, Debut, is near the top. You can sort the table by any column.
Theme | Page Speed Score: Mobile | Page Speed Score: Desktop |
---|---|---|
Simple | 0.92 | 0.99 |
Editorial | 0.89 | 0.99 |
Boundless | 0.88 | 0.97 |
Debut | 0.88 | 0.99 |
Supply | 0.86 | 0.99 |
Venture | 0.85 | 0.99 |
District | 0.83 | 0.94 |
Showcase | 0.82 | 0.98 |
Capital | 0.81 | 0.98 |
Local | 0.8 | 0.98 |
Narrative | 0.8 | 1 |
Streamline | 0.79 | 0.99 |
Label | 0.79 | 0.99 |
Kingdom | 0.78 | 0.98 |
Minimal | 0.78 | 0.99 |
Boost | 0.77 | 0.98 |
Fashionopolism | 0.74 | 0.97 |
Modular | 0.73 | 0.98 |
Grid | 0.72 | 0.97 |
Brooklyn | 0.72 | 0.98 |
Expression | 0.7 | 0.97 |
Sunrise | 0.7 | 0.99 |
Cascade | 0.69 | 1 |
Impulse | 0.68 | 0.92 |
Split | 0.68 | 0.92 |
Empire | 0.68 | 0.99 |
Atlantic | 0.68 | 0.99 |
Symmetry | 0.67 | 0.98 |
Prestige | 0.66 | 0.96 |
Ira | 0.66 | 0.96 |
Kagami | 0.66 | 0.97 |
Vantage | 0.64 | 0.9 |
Story | 0.64 | 0.98 |
Editions | 0.63 | 0.97 |
Focal | 0.62 | 0.94 |
Alchemy | 0.62 | 0.94 |
Artisan | 0.61 | 0.97 |
Trademark | 0.6 | 0.95 |
Masonry | 0.57 | 0.88 |
Testament | 0.55 | 0.94 |
Pipeline | 0.54 | 0.93 |
Flow | 0.53 | 0.66 |
Colors | 0.53 | 0.95 |
Mobilia | 0.53 | 0.96 |
Canopy | 0.5 | 0.97 |
Responsive | 0.49 | 0.93 |
Avenue | 0.48 | 0.77 |
Launch | 0.48 | 0.81 |
Maker | 0.48 | 0.87 |
Vogue | 0.47 | 0.88 |
Startup | 0.43 | 0.86 |
Providence | 0.41 | 0.75 |
Warehouse | 0.41 | 0.88 |
Handy | 0.4 | 0.85 |
California | 0.4 | 0.95 |
Mr Parker | 0.4 | 0.95 |
Context | 0.37 | 0.79 |
Blockshop | 0.37 | 0.81 |
Icon | 0.36 | 0.93 |
Broadcast | 0.34 | 0.77 |
Pacific | 0.34 | 0.81 |
Reach | 0.33 | 0.81 |
Venue | 0.33 | 0.81 |
Motion | 0.32 | 0.8 |
Envy | 0.31 | 0.81 |
Parallax | 0.31 | 0.82 |
Lorenza | 0.3 | 0.67 |
Galleria | 0.3 | 0.78 |
Palo Alto | 0.29 | 0.77 |
ShowTime | 0.25 | 0.83 |
Loft | 0.23 | 0.86 |
Retina | 0.08 | 0.58 |
For a compromise between speed and functionality, consider more granular speed metrics. To help, I assembled six such metrics (called “Lab Data” on PageSpeed Insights) on a Google Sheet. Those metrics are as follows.
Looking at the detailed metrics provides nuances. For example, the Avenue theme ranks 47th on mobile page speed, but the Max Potential Input Delay is bad at 2,278 milliseconds (2.2 seconds).
I manually produced a list of themes (including their demo site URLs) from the Shopify Themes Store.
Next, I wrote a Python script that reads the list of URLs and runs the PageSpeed Insights API six times per URL: three to obtain detailed mobile metrics and three for desktop. Repeating the tests is essential to account for changes in network conditions. I reported the median results in the Google Sheet.
February 8, 2021
The JSON output returned by the PageSpeed Insights API is a complex, nested structure. I used JSONPath to simplify the extraction process.
I also found JSONPath evaluator to be incredibly useful. I used the handy jsonpath-ng Python library to run the JSONPaths.
What follows are the JSONPaths I used to extract each metric.
jsonpath_first_contentful_paint = parse("$.lighthouseResult.audits.first-contentful-paint")
jsonpath_first_meaningful_paint = parse("$.lighthouseResult.audits.first-meaningful-paint") = parse("$.lighthouseResult.audits.speed-index")
jsonpath_first_cpu_idle = parse("$.lighthouseResult.audits.first-cpu-idle")
jsonpath_interactive = parse("$.lighthouseResult.audits.interactive")
jsonpath_max_potential_fid = parse("$.lighthouseResult.audits.max-potential-fid")
jsonpath_score = parse("$.lighthouseResult.categories.performance.score")
38 Fees and Surcharges from FedEx and UPS2024-05-20 07:13
5 Tips for Merging B2B Customer Data into B2C2024-05-20 06:45
ICOs Are the Newest Form of Alternative Funding2024-05-20 06:39
Comparing KPIs for 2 websites in first year of trading2024-05-20 06:14
3 Tips for Deciding What to Sell Online2024-05-20 05:56
What the Walmart-Flipkart Deal Means for India2024-05-20 05:32
6 Holiday Ecommerce Shipping Mistakes to Avoid2024-05-20 05:23
How to (Clearly) Explain Shipping and Return Policies2024-05-20 05:16
Internet Explorer 9 to Include Tracking Protection, Content Blocking2024-05-20 05:03
Moz Founder Rand Fishkin on New Book, New Company2024-05-20 04:58
AIG Insurance Vice President, Nancy Callahan2024-05-20 07:20
Lessons Learned: Battic Door Thrives in Energy Conservation2024-05-20 06:58
Yandex.Market, in new joint venture, seeks non-Russian sellers2024-05-20 06:47
What the Walmart-Flipkart Deal Means for India2024-05-20 06:41
Alternative Payment Methods Part 1: What Are They, How Do They Work2024-05-20 05:56
Alibaba’s 2018 Singles Day: Record Sales, Slower Growth2024-05-20 05:36
What not to sell on an ecommerce site2024-05-20 05:04
Fulfillment Requirements of Retailer-owned Marketplaces2024-05-20 05:01
Interview: buySAFE Founder On The Future Of Shopping Carts2024-05-20 04:54
11 Essential Tasks of an SEO Agency2024-05-20 04:46