AMP optimization of the VIDI Marine website

1. General Information

• Project Name: Optimization of the speed and mobile version of the VIDI Marine website

• Website link: https://vidi-marine.com/ua/

• Main tasks:

• Optimization of page loading speed.

• Implementation of AMP (Accelerated Mobile Pages) for the mobile version.

• Improvement of SEO, structured data, and internal linking.

• Optimization of images to reduce loading time.

• Validation of the website according to Google Core Web Vitals.

2. Optimization of website loading speed

Problem analysis:

• A large number of external JS scripts slow down loading.

• Uncached resources and large images.

• Lack of lazy loading for images and videos.

Solutions:

• Remove or defer loading of non-essential JS scripts (asynchronous / defer loading).

• Implement lazy loading for all images and videos.

• Use caching of static resources via .htaccess or an appropriate plugin (if the site is on CMS).

• Optimize CSS by combining several files into one (minimization through CSS Minify).

• Use CDN (Cloudflare, BunnyCDN) for faster content loading.

• Implement image compression in WebP format.

✅ Expected result: Increase Google PageSpeed Insights score to 85+.

3. Implementation of AMP (Accelerated Mobile Pages)

Problem analysis:

• The website does not use AMP, which slows down loading on mobile devices.

• The current code contains prohibited scripts that are incompatible with AMP.

Solutions:

• Create an AMP version for main pages (homepage, product categories, product cards, blog).

• Use AMP components:

• <amp-img> – for images.

• <amp-video> – for video content.

• <amp-carousel> – for sliders.

• <amp-sidebar> – for mobile menu.

• Optimize styles (inline CSS, no more than 75 KB).

• Use AMP form for feedback.

• Validate the AMP version through AMP Validator.

✅ Expected result: AMP pages fully pass Google validation and load faster on mobile devices.

4. Improvement of SEO and structured data

Problem analysis:

• Missing structured markup schema.org for products.

• Meta tags are not optimized (length of titles/descriptions exceeds recommended limits).

• Lack of logical internal linking.

Solutions:

• Add structured markup schema.org for products, categories, and blog articles.

• Optimize meta title and description on all pages.

• Implement breadcrumbs for improved navigation.

• Add open graphs (Open Graph, Twitter Cards) for correct display on social networks.

• Internal linking:

• Add a “Related Products” block on product pages.

• Add a “Read Also” block in the blog.

✅ Expected result: Improvement of SEO ranking and increase in organic traffic.

5. Image optimization

Problem analysis:

• Heavy PNG/JPG images without compression.

• Lack of adaptation for mobile devices.

Solutions:

• Convert all images to WebP format.

• Use responsive images (srcset) for adaptive loading.

• Optimize large images through TinyPNG or automatic compressors.

✅ Expected result: Less load on the server, faster page loading.

6. Implementation of Google Core Web Vitals

Problem analysis:

• Poor LCP (Largest Contentful Paint) – long loading of main content.

• High CLS (Cumulative Layout Shift) – shifting of elements on the page.

Solutions:

• Reduce the size of fonts and styles using font-display: swap.

• Defer loading of unnecessary resources (async and defer for scripts).

• Add fixed sizes for all images, banners, and videos to avoid content shifting.

• Use preload for the most important resources (fonts, logos).

✅ Expected result: Improvement of LCP, FID, CLS to meet Google Core Web Vitals.

7. Testing and verification

• Validate AMP through AMP Validator.

• Check website speed through Google PageSpeed Insights.

• Test Core Web Vitals in Google Search Console.

• Check SEO through Ahrefs / Screaming Frog.

8. Deadlines

• Website audit: 2-3 days.

• Speed optimization: 7-10 days.

• Implementation of AMP: 10-14 days.

• SEO optimization: 5-7 days.

• Final testing and bug fixing: 3-5 days.

• Total execution time: 20-30 days.

9. Requirements for the performer

• Experience with AMP and website speed optimization.

• Understanding of SEO and Core Web Vitals.

• Ability to work with CDN and caching.

• Experience with structured data schema.org.

Expected result after implementing all changes

✅ Google PageSpeed Insights score: 85+.

✅ Loading speed: less than 2 seconds.

✅ Improvement of SEO and visibility in Google.

✅ Absence of AMP errors.