USA Skate Shop
Explore the way to a faster website passing CWV.
Passenger:
USA Skate ShopLocation:
US & EuropeDestination:
Website support, performance improvementFlight time:
Nov 2022 — Ongoing projectTech stack:
Magento, JavaScript, PHP, Google Cloud serversCrew:
Project Manager, Account Manager, 3 Back-end developers, Front-end developer, QA engineer, DevOps
USA Skate Shop Inc. is the American arm of a global organization established in 2009 under the Euro Skate Shop brand, headquartered in Denmark. Founded by enthusiastic surfers and skaters, the company's journey began in Europe and expanded to the USA, propelled by an unwavering zeal for extreme sports.
0. Luggage
1. Arrivals
- Magento 2 website and Akeneo product information management (PIM) that should be migrated to the Google Cloud hosting provider
- Akeneo PIM integration and its optimization
- Slow website speed
- Performance issues
- Poor code quality
- Magento 1 and Magento 2 website downtimes
- Migrated Magento 2 website and Akeneo PIM to Google Cloud
- Increased website speed and optimized Performance for Magento 2
- Improved Core Web Vitals indicators for Magento 2
- Significantly reduced the number of Database requests on the Magento 2 website pages
- Optimized Magento 1.x.x Database server to avoid frequent site downtimes
- Improved and optimized Akeneo PIM functionality
Flying to similar destinations?
Let’s have a chat!
Website Speed
& Performance
Optimization.
Going Green on CWV on different page types on desktop and mobile
- Homepage
- Category page
- Category list page
- Product page
Speed improvement and performance optimization was divided into several stages:
- Magento 2 website analysis
- A comprehensive report for both frontend and backend
Development team started with ‘low-hanging fruit’ and basic services for frontend part:
- Fix Default Magento JS bundling
- Fix Javascript blocks page rendering
- Fix Hidden menu images loading (Lazy Load implementation)
- Fix Styles blocks page rendering
- Fix Sliders in a menu that’s not visible in order not to waste time initializing them
The engineering team carried on with comprehensive backend optimization, focusing primarily on the reconstruction of slider code across all website pages. This initiative aimed to rectify the presence of redundant data and excessive requests.
Here are the results of the GoMage’s speed optimization services:
across various page types
In addition to frontend and backend optimization techniques, additional efforts were made to improve the CWV indicators:
- Rebuilding Product Details Page (PDP) using modern scroll-snap technology, which resulted in 95% decrease of the Element render delay value (LCP)
- Getting rid of the custom font and using the web-safe Arial font to get the CLS indicator to the green zone on PDP
- Fixing of the layout shift for the product gallery, swatches, prices, breadcrumbs, discount, and brand logo sections on both desktop and mobile
- Fixing the layout shift for the related products section
- Adding reserved space for image height to fix the content layout shift
Magento 2 +
Akeneo PIM Hosting Server Migration
- A comprehensive website code audit before its launch on Google Cloud
- Addressing crucial code segments responsible for significant site slowdowns
- Optimizing SQL queries across all pages, resulting in substantial reductions
- Enhancing site performance by reducing the load time from 32s to 4.7s, while maintaining full functionality.
The GoMage team executed a stress test on Magento 2 and evaluated the response of the Google Cloud server to the incoming website traffic. This evaluation was conducted based on the traffic patterns observed on the client’s live Magento 2 site as recorded in Google Analytics. The aim was to ensure that the website could effectively manage the anticipated traffic levels after the launch.
- Magento 2 website hosting servers successfully migrated
- A dedicated Google Cloud server tailored for Akeneo PIM (product information management) established
- Akeneo moved to the new server
- Essential Magento server settings improved and configured on Google Cloud to ensure the smooth functioning of the Magento 2 site.
Magento
Custom Support
- Managing the pre-existing code of the updated Akeneo module, contributed by various developers.
- Addressing and resolving issues, including bugs associated with the mapping of product attribute sets between Akeneo and Magento 2, the accurate display of stock information, visibility of specifications pop-up on the PDP, proper display of product images, rectification of Akeneo import/export and synchronization problems on the live site, and the accurate mapping of product entities.
- Correcting the product URL structure to ensure no negative impact on SEO
The most notable achievement was the optimization of the product data synchronization time between Akeneo and Magento 2, reducing it from several days to just a few hours for full product import.
- Resolving the database overload issue on the live site, which was related to the Akeneo import process for syncing data from Akeneo PIM to Magento 2.
The GoMage team remains proactive and is currently strategizing to further enhance the optimization of video and image processing within the Akeneo import procedure.
- The team resolved a problem involving Akeneo jobs running on Magento 2 every hour, which was causing frequent full-page cache cleaning. The caching process was consuming significant server resources, thus negatively impacting the site performance.
Establishing the dedicated server infrastructure and streamlining workflow to seamlessly conduct code reviews of the code prepared by various developers. This resulted in resolving most of the critical issues, with a strong emphasis on enhancing website performance and adhering to the Magento code standards.
- A comprehensive examination of the Magento 1.x.x server configuration to generate an optimization plan.
- A complete reconfiguration of the Magento 1.x.x Database server, adopting more robust server settings. The existing data was seamlessly migrated from the old database server to a new one, while preserving all pre-existing functionalities. This process also encompassed the activation of 24/7 SLA server support and monitoring mechanisms. Notably, following the implementation of this enhanced setup, instances of Magento 1.x.x downtime were completely eliminated.
GoMage initiated the migration process for Czech store URLs and effectively executed the task. The team’s developer devised a custom script that automates URL handling and serves as a blueprint for other locales. Following a specific duration of monitoring, no issues were identified, indicating a successful and seamless transition.
- Implementing additional improvements for website performance and speed.
- Further optimizing the functionality of Akeneo PIM.
- Providing continuous development support for the live site.
- Facilitating the migration of category and product URLs from Magento 1.x.x to Magento 2 for other localized stores.
- Ensuring round-the-clock SLA server monitoring for both Magento 1.x.x and Magento 2 stores.
