WordPress: Mobilside opdateres ikke? Løsninger her!

Det kan være utroligt frustrerende, når du har brugt tid på at foretage ændringer på din WordPress-hjemmeside, kun for at opdage, at disse ændringer ikke vises, når du besøger siden på din mobiltelefon. Du ser den nye tekst, de nye billeder eller det opdaterede layout på din computer, men på mobilen er det som om, tiden står stille. Dette er et almindeligt problem, der ofte skyldes cache-hukommelse. Mange tror, at cache kun er relevant, hvis du har et cache-plugin installeret, men det er langt fra hele sandheden. Cache kan opbevares flere steder, og hvis den ikke ryddes korrekt, kan det forhindre dine opdateringer i at blive vist.

Jeg har selv oplevet dette problem utallige gange, når jeg har designet hjemmesider for mine kunder. I starten ryddede jeg blot mobilcachen og deaktiverede cache-plugins for at løse det. Men med tiden lærte jeg, at der er mange flere steder, hvor cache-hukommelse kan gemmes. Denne guide vil dække alt, hvad du behøver at vide om cache, og vi vil gennemgå flere trin, du kan tage for at rydde cache-hukommelse fra alle tænkelige steder. Efter at have fulgt denne guide, skulle problemet med WordPress-ændringer, der ikke vises på mobil, være løst.

Hvorfor opdateres dine WordPress-ændringer ikke på mobil? (5 Trin)

Lad os få et overblik over, hvad vi vil gennemgå i denne guide:

1. Browsercache (ret indlysende).
2. Cache-plugins på din WordPress-hjemmeside.
3. Andre WordPress-placeringer, hvor cache er gemt.
4. Webhosting-cache.
5. CDN-cache (Content Delivery Network).

Lad os starte med det mest grundlæggende trin.

Trin 1: Forsøg at genindlæse din browser flere gange

Nogle gange tager det simpelthen lidt tid for en hjemmeside at opdatere. I dette tilfælde kan du prøve at genindlæse hjemmesiden flere gange. Den primære årsag til, at du ikke ser den opdaterede WordPress-side på din mobil, er ofte på grund af cache-hukommelse. Hver gang du åbner en hjemmeside, gemmes nogle af hjemmesidens filer i en lokal cache på din enhed. Når du så åbner den samme hjemmeside igen, indlæses websiden fra denne cache-hukommelse for at gøre indlæsningen hurtigere. Men hvis cachen ikke er opdateret, ser du den gamle version. Vi kan prøve at rydde cache-hukommelsen i din mobiltelefon og desktopbrowser.

Her er et par måder at genopfriske siden ved at rydde cache-hukommelsen:

Inkognito-tilstand

Prøv at åbne et nyt privat vindue i din browser. Du kan typisk åbne det direkte ved at klikke på de tre prikker (eller lignende menuikon) og derefter vælge 'Nyt inkognitovindue' eller 'Privat vindue'. I inkognito-tilstand bruges den lokale cache og cookies ikke. Det betyder, at browseren vil hente data direkte fra serveren, hvilket giver dig den seneste version af hjemmesiden. Dette er en hurtig måde at teste, om problemet skyldes din browsers cache.

Ryd cache og cookies

Du kan også rydde cache og cookies direkte i din browser. Gå blot til indstillinger og vælg 'Ryd browserdata' eller 'Ryd historik'. Placeringen kan variere afhængigt af din browser, men de mest almindelige stier er:

• Indstillinger > Historik > Ryd browserdata/ryd historik.
• Indstillinger > Privatliv > Ryd browserdata.

For iPhone-brugere skal du gå til iPhones Indstillinger > Safari > Ryd historik og webstedsdata. Bemærk, at dette vil rydde al cache, cookies og historik for din browser, hvilket kan betyde, at du bliver logget ud af andre hjemmesider.

Ryd cache og hård genindlæsning

Udviklere har ofte for vane at teste mobilversionen ved at gå til udviklerværktøjerne (mobilvisning fra 'inspicer elementer') i browseren. Du kan typisk trykke Ctrl + Shift + J (Option + Command + J på macOS) i Chrome for at åbne udviklerværktøjerne. Dette viser, hvordan din hjemmeside ser ud på mobil. Hvis du bruger denne metode til at teste mobilversionen af din hjemmeside, kan du bruge 'hard reload'-teknikken.

En 'hard refresh' betyder, at du genindlæser en specifik side, men tvinger din browser til at hente alle filer fra serveren igen, i stedet for at bruge den lokale cache. Dette er især nyttigt for udviklere, der arbejder med hjemmesider, da det sikrer, at de altid ser den seneste version af deres arbejde. Der findes genveje til at udføre en hard refresh, som varierer lidt afhængigt af den browser, du bruger. Lad os se på de mest almindelige genveje for de mest populære browsere:

• Google Chrome: Tryk Ctrl + F5 (Windows) eller Command + Shift + R (macOS).
• Mozilla Firefox: Enten Ctrl + F5 eller Ctrl + Shift + R (Windows). På macOS kan du kun bruge Command + Shift + R.
• Microsoft Edge: Ctrl + F5.
• Opera: Prøv Ctrl + F5 (Windows) eller Command + Option + R (macOS).
• Safari: Option + Command + E (for at tømme cache), derefter Command + R for at genindlæse.

Ønsker du ikke at bruge disse genveje? Du kan ofte blot højreklikke på genindlæsningsknappen i browseren, og du vil finde muligheden for at udføre en 'hard refresh' eller 'Empty Cache and Hard Reload'. Dette fungerer især godt, hvis du er i udviklerværktøjer eller mobilvisning.

Trin 2: Tjek på forskellige enheder

Du kan prøve at teste hjemmesiden på en anden enhed, f.eks. en vens telefon eller en tablet. Hvis WordPress-hjemmesiden er opdateret på en anden enhed, er det sandsynligvis cache-hukommelsen, der forårsager problemerne på din specifikke enhed. Dette bekræfter, at ændringerne er live på serveren, men ikke vises lokalt for dig.

Trin 3: Prøv en anden browser

Hvis du ikke har en anden enhed at teste WordPress-siden på mobil med, kan du prøve at bruge en anden browser. Der er masser af mobilbrowsere tilgængelige i Google Play Store og Apple App Store. Du kan prøve at downloade en anden browser (f.eks. Firefox, DuckDuckGo, Chrome, Edge, hvis du normalt bruger en anden) og åbne hjemmesiden der. Hvis den opdaterede version vises i den nye browser, peger det igen på et cache-problem med din primære browser.

Trin 4: Ryd din hjemmesides cache-plugin

Det næste trin kan være lidt mere kompliceret, da det involverer din WordPress-installation. Her skal vi rydde din hjemmesides cache-plugin. De fleste moderne WordPress-hjemmesider bruger et cache-plugin for at forbedre hastigheden. Disse plugins gemmer dynamisk indhold som statiske filer, hvilket reducerer serverbelastningen, men de kan også være synderen, når opdateringer ikke vises. Bare rolig, vi gennemgår hvert trin detaljeret.

WP Rocket

Hvis du bruger WP Rocket, er der flere måder at rydde cachen på:

• Du kan rydde den ved at gå til Indstillinger > WP Rocket > Ryd cache.
• Den anbefalede og hurtigste måde er ofte at rydde den fra den øverste navigationslinje i dit WordPress-adminpanel. Hold musen over 'WP Rocket' og vælg derefter 'Ryd cache'.
• Endelig kan du også rydde cachen for en specifik side. Der er en mulighed for at rydde cache lige under 'gem udkast'-muligheden, når du redigerer en side eller et indlæg. Alternativt kan du også gå til 'Alle sider' og rydde cachen fra de hurtige muligheder, der vises, når du holder musen over sidetitlen.

Auto-optimize

Auto-optimize er endnu et populært plugin, du måske bruger til optimering og cache. Du kan prøve at rydde cachen for dette. Gå blot til 'Auto-optimize' i navigationslinjen i dit adminpanel og klik derefter på 'Slet cache'.

Hurtigt hack: Du kan bruge 'Autoclear Autoptimize Cache'-pluginnet. Dette plugin giver dig mulighed for at indstille en cache-grænse i Auto-optimize-pluginnet, så cachen automatisk ryddes efter en vis periode eller størrelse.

WP Super Cache

For WP Super Cache kan du blot gå til Indstillinger > WP Super Cache og derefter vælge 'Slet cache' derfra. Dette vil slette al cache-hukommelse.

For avancerede muligheder kan du også gå til Indstillinger > WP Super Cache > Indhold og slette cachen derfra.

W3 Total Cache

W3 Total Cache er også et populært og omfattende cache-plugin. For at rydde cachen for W3 Total Cache kan du gå til 'Performance' i navigationslinjen i dit adminpanel og derefter klikke på 'Dashboard'.

Der vil være et par knaplignende muligheder, hvorfra du kan klikke på 'Empty All Caches'-knappen. Dette vil rydde alle typer cache, som pluginnet håndterer.

Sucuri

Mange bruger Sucuri CDN til sikkerhed og ydeevne, og det bruger også cache-hukommelse. Du kan rydde den ved at gå til Indstillinger > Performance > Ryd cache. Hvis du stadig ikke kan se den opdaterede WordPress-hjemmeside på mobil, kan du prøve at midlertidigt deaktivere eller frakoble hjemmesiden fra Sucuri og derefter prøve igen. Nogle gange kan Sucuri's cache være meget aggressiv.

SiteGround

Hvis du bruger SiteGround hosting, vil de sandsynligvis bruge avanceret caching gennem deres SG Optimizer plugin. Du kan først prøve at 'Purge SG Cache' fra den øverste bjælke i dit WordPress-adminpanel. Denne mulighed rydder al dynamisk cache.

Hvis hjemmesiden endnu ikke er opdateret på mobilen, kan du prøve at rydde den dynamiske cache-hukommelse direkte fra SiteGrounds kontrolpanel (Site Tools). Gå til Site Tools > Hastighed > Caching. Her vil du se flere muligheder. Gå til fanen 'Dynamisk cache'. Du vil se en liste over hjemmesider. Nu kan du blot klikke på rengøringsikonet, der er angivet på højre side af domænenavnet. Dette vil rydde al dynamisk cache for den specifikke hjemmeside.

På samme måde kan du også rydde 'Memcached', hvis du bruger det, fra Site Tools under 'Caching'. Prøv nu at genindlæse hjemmesiden på mobilen.

Bluehost

Den næste populære hosting, du måske bruger, er Bluehost. De har en 'Endurance Cache'. Det er lidt anderledes end andre cache-plugins, da caching her er repræsenteret af niveauer. Niveau 0 betyder, at der ikke er nogen caching. Som standard er caching-niveauet sat til 2. For at sikre, at du ser de seneste ændringer, kan vi sætte det til 0.

Gå til dit WordPress-dashboard og derefter til Indstillinger > Generelt. I de generelle indstillinger finder du muligheden for Endurance Cache. Du skal sætte den til 0. Du kan nu se, om du får opdateringerne på din mobile enhed eller ej.

Bluehost har for nylig også tilføjet caching-funktioner til deres hoveddashboard (uden for WordPress). Så du kan prøve at deaktivere det der. Gå til dit Bluehost-panel og klik på 'Mine Sider' fra menuen. Vælg den hjemmeside, hvor du ikke får opdateringer. Du kan derefter gå til fanen 'Ydeevne' og deaktivere cachen derfra. På denne side kan du scrolle lidt ned, og du vil finde muligheden for at slette cache-hukommelsen. Du kan også rydde hukommelsen for en specifik side ved at indtaste URL'en.

GoDaddy

GoDaddys Managed WordPress hosting har indbyggede caching-funktioner. Du kan nemt rydde cachen ved at gå til 'Managed WordPress' fra WordPress' topbjælke. Der vil være en mulighed for 'Flush Cache'. Det vil automatisk rydde al cache-hukommelse for din Managed WordPress-installation.

BEMÆRK: Hvis du bruger GoDaddy og Sucuri sammen, kan det give problemer. Nogle gange konflikter disse to med hinanden. Så det er altid bedre at overveje at fjerne Sucuri, hvis du allerede har indbygget caching fra GoDaddy. Du kan derefter se, om WordPress er opdateret på mobil.

Trin 5: Tjek andre cache-placeringer

Du bør ikke kun tjekke plugins. Der er andre steder, hvor caching kan være aktiveret. Vores næste skridt er at kontrollere alle andre mulige cache-placeringer, som ofte overses.

Sidebyggere

Ikke alle ved dette, men nogle populære sidebyggere har deres egen cache-hukommelse. Hvis du opdaterer en side, der er bygget med en sidebygger, er der gode chancer for, at mobilbrowseren indlæser data fra sidebyggerens cache. Så du kan prøve at rydde cachen fra sidebyggeren.

Før vi ser, hvordan du rydder cachen i sidebyggeren, er der én fejl, som folk ofte begår: Nogle sidebyggere har også mulighed for at have et forskelligt design for mobil- og tablet-enheder. Så du bør sikre dig, at indstillingerne er korrekte, og at du ikke har et gammelt mobildesign gemt.

• Divi: I Divi-temaet (eller -byggeren) kan du blot gå til temaindstillingerne og derefter til fanen 'Avanceret'. Under fanen 'Avanceret' er der en mulighed kaldet 'Generering af statiske CSS-filer'. Du kan prøve at rydde den og derefter indlæse siden igen.
• Beaver Builder: Beaver Page Builder har en separat mulighed kaldet 'Cache'. Du kan blot klikke på den og rydde cache-hukommelsen derfra.
• Elementor: I Elementor-byggeren kan du gå til Elementor > Værktøjer og derefter vælge 'Regenerer filer' (ved siden af muligheden 'Regenerer CSS'). Dette vil genopbygge Elementors statiske filer og rydde relateret cache.

Temaer

Selv nogle af temaerne har deres egen cache. Dette sker kun, hvis du bruger et betalt tema eller et brugerdefineret tema, der har indbygget optimeringsfunktionalitet. I de fleste tilfælde vil temaleverandører have et tredjeparts- eller selvstændigt cache-plugin installeret, men det er altid en god idé at tjekke temaindstillingerne for en indbygget temacache, især hvis du ikke bruger et separat cache-plugin.

Servercache (som LiteSpeed eller Memcached)

Nogle hostingudbydere inkluderer servercaching som LiteSpeed eller Memcached. Hvis de har WordPress-plugins, har du måske allerede ryddet dem. Men nogle af disse caching-værktøjer har ikke WordPress-plugins. I dette tilfælde kan du gå til filhåndteringen (via FTP eller cPanel) og slette cache-mapperne, hvis de er tydeligt markeret.

For Memcached er det ofte bedst at kontakte hostingudbyderen for at få dem til at rydde det for dig, da det er en serverbaseret caching-løsning. Nogle udbydere som SiteGround giver dig mulighed for at rydde det direkte ved at gå til panelindstillingerne. Hvis du er en avanceret bruger, kan du bruge kommandoen 'flush_all' via SSH for at slette cachen, men dette kræver teknisk viden og adgang.

Webhosting-cache

Hvis ingen af ovenstående metoder virker, kan du kontakte din hostingudbyder for at se, om der er nogen caching fra deres side, som du ikke har direkte kontrol over. Der kan være avanceret serverbaseret caching, som kun hostingudbyderen kan rydde. Det er altid bedre at kontakte dem og bede dem om at rydde servercachen for din hjemmeside.

Cloudflare CDN

Cloudflare CDN er en populær gratis CDN-tjeneste, der ofte er integreret med mange hostingudbydere. Selv Cloudflare bruger cache til at forbedre din hjemmesides ydeevne ved at levere indhold fra servere tættere på brugeren. Hvis du renser al cache-hukommelse i Cloudflare, vil det tage omkring 2 minutter, før ændringerne træder i kraft. For hurtigere test anbefales det at deaktivere cachen midlertidigt.

Heldigvis er der et par muligheder her. Den første er, hvor du kan slå 'udviklingstilstand' til. Udviklingstilstand findes i 'Settings Summary' i dit Cloudflare-dashboard. Slå den til derfra. Bemærk, at udviklingstilstand kun varer i 3 timer, hvorefter den automatisk slås fra. Du bliver nødt til at slå den til igen, hvis du stadig arbejder på siden.

En mere permanent løsning til specifikke sider er at bruge 'sideregler'. Gå til fanen 'Regler' og klik på 'Sideregler'. Nu kan du indstille regler for specifikke sider eller hele hjemmesiden. Vi indtaster simpelthen URL'en til hjemmesiden i det første felt efterfulgt af '/*' (uden anførselstegn). '/*' vil fortælle Cloudflare at anvende omgåelsesreglerne for alle sider på hjemmesiden. I de næste felter kan du vælge 'Cache-niveau' fra rullemenuen og derefter vælge 'Bypass'. Dette vil fortælle Cloudflare at omgå cachen for de specificerede URL'er.

Usynlige plugins (fundet i FTP)

Hvad hvis vi fortæller dig, at der er nogle 'usynlige plugins' i din filhåndtering eller via FTP? Disse kaldes 'must-use plugins', ofte forkortet som mu-plugins. Disse plugins vises ikke i den almindelige plugin-mappe i dit WordPress-adminpanel, men kan dukke op under fanen 'Must-use' i plugin-oversigten. Nogle af disse kan være nødvendige for din hostings funktionalitet, men få er der blot for at optimere din hjemmeside bedre og kan indeholde caching-funktionalitet.

Du kan ikke slette/deaktivere disse plugins direkte fra adminpanelet. Så vi bliver nødt til at tage en anden vej. Vi vil simpelthen omdøbe mappen. Så skift blot mappenavnet fra 'mu-plugins' til hvad som helst, f.eks. 'mu-plugins_old'. Dette vil deaktivere alle plugins i den mappe. Hvis ændringerne påvirker din hjemmeside, kan du åbne mappen og derefter omdøbe den specifikke caching-mappe, hvis du kan identificere den. Hvis dit problem er løst, kan du også overveje at fjerne disse plugin-filer.

BEMÆRK: I sjældne tilfælde har jeg set, at denne mappe genereres igen, selvom du sletter den. Så det er bedre at omdøbe den i stedet. Hvis den bliver ved med at dukke op, er det bedre at kontakte din hostingudbyder om det, da det kan være en del af deres system.

Konklusion: Har du stadig problemer?

Lad os hurtigt opsummere, hvad du skal gøre:

1. Ryd browsercache eller skift enhed/browser.
2. Tjek alle cache-plugins og sidebygger-plugins for rydningsmuligheder.
3. Ryd webhosting-cache, enten via plugin eller kontrolpanel.
4. Deaktiver CDN-cache, f.eks. Cloudflare.

Hvis intet af ovenstående virker, ligger problemet sandsynligvis på webhostingsiden. Så det er altid bedst at kontakte hostingudbyderen og bede dem om at rydde al serverbaseret cache for din hjemmeside. De har ofte adgang til mere dybdegående caching-systemer.

Du kan derefter prøve at kontakte din temasupport for at se, om der er konfigurationsfejl. For eksempel kan én indstilling tilsidesætte en anden, eller temaet kan have en specifik cache-mekanisme, der skal ryddes.

Endelig kan nogle ting tage længere tid at vise sig. Hvis du for eksempel har ændret DNS-indstillingerne for dit domæne, vil det sandsynligvis tage 1 til 48 timer, før ændringerne træder i kraft globalt på grund af DNS-udbredelse. Så i sådanne tilfælde er det bedre at være tålmodig.

Ofte Stillede Spørgsmål (OSS)

Hvor lang tid tager det, før WordPress-ændringer vises?

WordPress-ændringer træder normalt i kraft øjeblikkeligt, så snart du klikker på 'Udgiv' eller 'Gem'-knappen. Hvis de ikke gør det, er det næsten altid et cache-problem på enten din enhed, din hjemmesides server, et plugin eller en CDN-tjeneste.

Hvordan redigerer jeg en mobilside på GoDaddy?

Når du opdaterer din WordPress-hjemmeside gennem dit WordPress-dashboard eller sidebygger, vil hjemmesiden automatisk blive opdateret på din mobiltelefon. Hvis du bruger GoDaddys Managed WordPress hosting, kan du dog være nødt til at rydde cachen først via 'Managed WordPress' > 'Flush Cache' i dit WordPress-adminpanel, som beskrevet i guiden.

Hvorfor vises mine sider ikke på WordPress?

Det skyldes normalt cache-hukommelse, der forhindrer dig i at se de seneste ændringer. Du kan prøve at rydde cachen og forsøge at genindlæse siden igen. Sørg for at rydde både browsercachen på din enhed samt server-side-cachen (fra hosting, plugins eller CDN), da begge kan holde på ældre versioner af din side.

Hvis du vil læse andre artikler, der ligner WordPress: Mobilside opdateres ikke? Løsninger her!, kan du besøge kategorien Teknologi.