Website Speed Optimization in Morocco: How to Score 90+ on PageSpeed in 2026

Why Website Speed Matters in Morocco

In Morocco, 65% of internet usage is on mobile, often on 4G connections that are fast but variable. Google uses page speed as a direct ranking factor since 2021 through Core Web Vitals. A site that loads in 4 seconds loses 80% of mobile visitors before they even see your content.

The target: load your main content in under 2.5 seconds (LCP) with minimal layout shift (CLS under 0.1) and fast interactivity (INP under 200ms).

Understanding Core Web Vitals

Google measures three performance signals for every page:

LCP (Largest Contentful Paint) — time until the main content loads. Target: under 2.5s. Usually your hero image or main heading.
INP (Interaction to Next Paint) — how fast your site responds to user interaction. Target: under 200ms. Replaced FID in 2024.
CLS (Cumulative Layout Shift) — measures unexpected layout shifts. Target: under 0.1. Caused by images without dimensions or late-loading fonts.

Step-by-Step Speed Optimization

1. Optimize Images (biggest impact)

Images typically account for 60-70% of page weight. Actions to take:

Convert all JPEG/PNG to WebP format (30-50% smaller, same quality)
Add explicit width and height attributes to prevent CLS
Use loading="lazy" for images below the fold
Use fetchpriority="high" and loading="eager" for your LCP hero image
Resize images to actual display size — no 3000px image displayed at 800px

2. Leverage Browser Caching

Add cache headers via .htaccess or Nginx. Images and fonts should be cached for 1 year, CSS/JS for 1 month:

ExpiresByType image/webp "access plus 1 year"
ExpiresByType text/css  "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"

3. Enable Gzip/Brotli Compression

Text-based files (HTML, CSS, JS) can be compressed by 70-90%. Enable in your server config:

AddOutputFilterByType DEFLATE text/html text/css application/javascript

4. Minimize Render-Blocking Resources

Add defer attribute to non-critical JavaScript
Inline critical CSS (above-the-fold styles)
Load Google Fonts with display=swap
Preconnect to third-party domains: <link rel="preconnect" href="https://fonts.googleapis.com">

5. Choose the Right Hosting in Morocco

Your hosting location matters. For a site targeting Moroccan users:

European servers (France, Amsterdam) give 50-150ms latency to Morocco — acceptable
Moroccan hosting (Maroc Telecom, Menara) gives 10-30ms latency but often limited performance
Use Cloudflare CDN — free tier caches your static assets at edge nodes worldwide, including in Europe for Moroccan users

6. Use a CDN for Static Assets

Cloudflare (free) automatically caches your CSS, JS and images at the edge. Combined with Oclaro cache rules, this alone can improve LCP by 30-50%.

WordPress-Specific Optimizations

WP Rocket or LiteSpeed Cache — page caching, CSS/JS minification, lazy load
Disable unused plugins — each plugin adds weight. Audit and remove what is not needed
Database optimization — clear post revisions, spam comments, transients monthly
Disable WordPress emojis — saves an HTTP request

Measuring Your Results

Use these free tools to measure your speed:

PageSpeed Insights (pagespeed.web.dev) — the official Google tool, shows CWV and lab data
WebPageTest (webpagetest.org) — detailed waterfall analysis with real browsers
GTmetrix — good for identifying specific bottlenecks

Always test from a mobile device simulation — Google primarily uses mobile for indexing.

Target Scores

Aim for these PageSpeed Insights scores for competitive SEO in Morocco:

Performance: 90+ mobile, 95+ desktop
Accessibility: 90+
Best Practices: 100
SEO: 100

Need a professional speed audit and optimization? See my performance SEO services — I optimize sites to 90+ scores with measurable Core Web Vitals improvements.