Optimization of e-commerce site speed (according to PageSpeed)

Goal: Accelerate the performance of a self-written website on Python with Django to improve SEO metrics and user convenience, especially on mobile devices.

What has been done:

1. Image optimization:
Implemented automatic conversion of heavy banners to the modern WebP format.
Configured Lazy Loading for content and Preload for the main banner, which critically affects the LCP metric.

2. Work with JavaScript and analytics:
Deferred heavy marketing: Google Tag Manager, Facebook Pixel, and analytics now load with a pause of 3.5-4 seconds. This freed up the phone's processor for the quick display of the website itself.
Removed outdated and non-functional scripts that simply "clogged" the communication channel.

3. Critical rendering path (CSS and Fonts):
Fonts: Added the rule font-display: swap, so the text becomes visible immediately, without waiting for font files to load.
Animations: Optimized heavy CSS effects that slowed down scrolling on budget smartphones.
CSS: Configured the loading priority of styles: critical — immediately, auxiliary (galleries, etc.) — later.

4. Technical stability:
Fixed image caching errors (Sorl-thumbnail).
Configured correct sizes (width/height) for images so that the page does not "jump" during loading.

Result:
Desktop: Performance score increased to 91 / 100.
Mobile: Score increased from ~40 to 65 (which is an excellent result for a graphics-heavy online store on weak 4G networks).

#python #Optimization #PageSpeed #django