Tjekliste: Hastighedsoptimering af WordPress

For WordPress generelt

For WooCommerce

Fjern Dashicons fra front-end

Du ser typisk Dashicons under ‘Avoid enormous network payloads’ i GTmetrix eller
Reduce unused CSS hos pagespeed.web.dev

Dashicons er en funktion i WordPress, der giver dig mulighed for at bruge ikoner i WordPress-administrationsområdet på din hjemmeside. Men disse ikoner indlæses også på forsiden af din hjemmeside, hvilket kan sænke din sidehastighed. Derfor er det en god idé at fjerne WordPress-dashicons, hvis du ikke bruger dem.

Som det er tilfældet med mange moderne temaer og plugins, bruger de nu deres egne ikoner eller SVG’er. Derfor har du i de fleste tilfælde ikke brug for WordPress-dashicons på forsiden af din hjemmeside.

For at fjerne dashicons på forsiden af din WordPress-hjemmeside skal du tilføje en lille kode-snippet til din themes functions.php-fil. Du kan gøre dette ved at gå til Udseende -> Editor -> Temafunktioner (functions.php).

Når du er i filen, skal du blot tilføje denne kode:

function wpshapere_remove_dashicons_wordpress() {
  if ( ! is_user_logged_in() ) {
    wp_dequeue_style('dashicons');
    wp_deregister_style( 'dashicons' );
  }
}
add_action( 'wp_enqueue_scripts', 'wpshapere_remove_dashicons_wordpress' );

Installer WP rocket

WP Rocket er en premium WordPress caching-plugin, der er designet til at forbedre ydelsen og hastigheden af WordPress-websites. Den virker ved at implementere forskellige caching-teknikker for at reducere serverbelastningen og forbedre indlæsningstiden af ​​websteder.

WP Rocket har en række funktioner, der er designet til at forbedre website-ydelsen, herunder:

  1. Side caching: Denne funktion opretter en statisk HTML-version af dine websites sider, som kan serveres til besøgende i stedet for at generere dynamisk indhold på hver sideindlæsning. Dette kan væsentligt forbedre sidens indlæsningstider og reducere serverbelastningen.
  2. Browser-caching: Denne funktion giver dine websites besøgende mulighed for at cachefile statiske ressourcer som billeder, CSS og JavaScript-filer i deres webbrowsere. Dette kan hjælpe med at reducere antallet af HTTP-anmodninger, der kræves for at indlæse en side, hvilket kan fremskynde sidens indlæsningstider.
  3. GZIP-komprimering: Denne funktion komprimerer dataene sendt mellem serveren og besøgendes browser, hvilket kan hjælpe med at reducere filstørrelser og forbedre sidens indlæsningstider.
  4. Minificering: Denne funktion fjerner unødvendige tegn fra dine websites HTML-, CSS- og JavaScript-filer for at reducere filstørrelser og forbedre sidens indlæsningstider.
  5. Lazy loading: Denne funktion tillader, at billeder og andre ressourcer indlæses kun, når de er nødvendige, hvilket kan hjælpe med at reducere sidens indlæsningstider og forbedre website-ydelsen.
  6. Database-optimering: Denne funktion optimerer din websites database for at forbedre website-ydelsen og reducere serverbelastningen.

Generelt set er WP Rocket en kraftfuld caching-plugin, der kan hjælpe med at forbedre website-ydelsen og hastigheden, hvilket kan have en positiv indvirkning på brugerengagement og søgemaskine placeringer.

Opsæt Cloudflare

Cloudflare er en cloud-baseret tjeneste, der giver ekstra sikkerhed og hastighed til din hjemmeside ved at route din trafik gennem deres globale netværk af servere. Cloudflare tilbyder også en række yderligere funktioner, som f.eks. indholdslevering, webapplikationsfirewall og DDoS-beskyttelse.

WP Rocket er en cache-plugin til WordPress, der kan hjælpe med at optimere din hjemmesides ydeevne og hastighed ved at implementere forskellige caching-teknikker, der reducerer serverbelastning og forbedrer indlæsningstiden af ​​websteder. WP Rocket kan integreres med Cloudflare ved hjælp af Cloudflare API-nøglen, hvilket giver mulighed for at bruge Cloudflare som en indholdsleveringsnetværk (CDN) for at yderligere forbedre hastigheden og ydeevnen af din hjemmeside.

Cloudflare har også en gratis plan, der er tilgængelig for alle, der ønsker at forbedre deres hjemmesides sikkerhed og ydeevne. Denne plan inkluderer følgende funktioner:

  1. CDN: Cloudflares CDN accelererer din hjemmeside ved at levere indhold til dine besøgende fra deres nærmeste server.
  2. SSL/TLS: Cloudflare sikrer, at din hjemmeside er beskyttet af en sikker SSL/TLS-forbindelse, der beskytter mod angreb og skaber tillid til dine besøgende.
  3. DDoS-beskyttelse: Cloudflare beskytter din hjemmeside mod DDoS-angreb, der kan forårsage nedetid og skade din online tilstedeværelse.
  4. Firewall: Cloudflares webapplikationsfirewall (WAF) blokerer skadelig trafik, herunder bots og spammers, der kan forårsage problemer på din hjemmeside.
  5. Analytics: Cloudflare tilbyder grundlæggende statistik over trafik og ydeevne på din hjemmeside.

Den gratis plan fra Cloudflare er en god måde at forbedre din hjemmesides ydeevne og sikkerhed uden at betale ekstra omkostninger. Det er nemt at tilmelde sig, og der er ikke behov for teknisk ekspertise for at implementere det på din hjemmeside.

Tilføj Cloudflare som Add-on i WP rocket:

Fjern WooCommerce front-end og back-end styles

Hvis du har WooCommerce kan du speede din side op ved at fjerne front-end og back-end styles

For at fjerne WooCommerce front-end og back-end stile for filen wc-blocks-style.css, kan du bruge funktionen wp_dequeue_style() til at fjerne stilerne fra køen af stile, der er enqueued for den aktuelle side.

Her er et eksempel på en kode-snippet, som du kan tilføje til din themes functions.php-fil for at fjerne wc-blocks-style.css-filen:

function remove_woocommerce_styles() {
    if ( class_exists( 'woocommerce' ) ) {
        // Fjern front-end style
        wp_dequeue_style( 'woocommerce-general' );
        wp_dequeue_style( 'woocommerce-layout' );
        wp_dequeue_style( 'woocommerce-smallscreen' );
        wp_dequeue_style( 'woocommerce_frontend_styles' );

        // Fjern back-end style
        wp_dequeue_style( 'woocommerce_admin_styles' );
        wp_dequeue_style( 'woocommerce_admin_menu_styles' );
        wp_dequeue_style( 'wc-blocks-style' );
    }
}
add_action( 'wp_enqueue_scripts', 'remove_woocommerce_styles', 100 );