Slutbrugerne forventer bedre serverydelse og hastighed. Så du skal fokusere på korrekt webserveroptimering. Det har en betydelig indflydelse på din webservers ydeevne. I denne dokumentation har vi diskuteret forskellige måder at øge den overordnede hastighed på din server af ShopEngine.
Sådan øger du din serverydelse af ShopEngine #
Der er to veje, du kan følge for at forbedre din serverydelse. Tag et kig på detaljerne nedenfor.
Metode-1 Assets Cache-politik #
Du kan tjene statiske aktiver med effektiv cachepolitik ved at følge manuelle processer og brug af et plugin.
Manuel proces #
Der er to måder du kan følge for manuelt at udføre aktivernes cachepolitik.
Apache server #
Det er en simpel proces, du skal bare kopier og indsæt nedenstående kode i din .htaccess-fil.
AddType text/css .css AddType text/x-component .htc AddType application/x-javascript .js AddType application/javascript .js2 AddType text/javascript .js3 AddType text/x-js .js4 ExpiresActive On ExpiresByType text/css A31536000 ExpiresByType text/x-component A31536000 ExpiresByType application/x-javascript A31536000 ExpiresByType application/javascript A31536000 Expires0T36000 Expires0T36000 Expires0 ype text/x-js A31536000 ExpiresByType text/html A3600 ExpiresByType text/richtext A3600 ExpiresByType image /svg+xml A3600 ExpiresByType text/plain A3600 ExpiresByType text/xsd A3600 ExpiresByType text/xsl A3600 ExpiresByType text/xml A3600 ExpiresByType video/asf A3153 Expires0 video/asf A3153 Expires0 video/asf A3153 Expires0 video esByType image/bmp A31536000 ExpiresByType application/java A31536000 ExpiresByType video/divx A31536000 ExpiresByType application/msword A31536000 ExpiresByType application/vnd.ms-fontobject A31536000 ExpiresByType application/x-msdownload A31536000 ExpiresByType image/gif A31536000 Expires36000 Expires36000 ExpiresBy5Type0 image/ExpiresBy5Type x-icon A31536000 ExpiresByType image/jpeg A31536000 ExpiresByType application/json A31536000 ExpiresByType application/vnd.ms-access A31536000 ExpiresByType audio/midi A31536000 ExpiresByType video/quicktime A31536000 ExpiresByType audio/mpeg A31536000 ExpiresByType video/31536000 ExpiresBy4 31536000 ExpiresByType application/vnd.ms-project A31536000 ExpiresByType application/x-font- otf A31536000 ExpiresByType application/vnd.ms-opentype A31536000 ExpiresByType application/vnd.oasis.opendocument.database A31536000 ExpiresByType application/vnd.oasis.opendocument.chart A31536000 ExpiresByType application/opendocument.chart A31536000 000 ExpiresByType application/vnd.oasis .opendocument.graphics A31536000 ExpiresByType application/vnd.oasis.opendocument.presentation A31536000 ExpiresByType application/vnd.oasis.opendocument.spreadsheet A31536000 ExpiresByType application/vnd.a3ypireType/vnd.oasis.open3ypire360 audio 6000 ExpiresByType application/pdf A31536000 ExpiresByType billede /png A31536000 ExpiresByType application/vnd.ms-powerpoint A31536000 ExpiresByType audio/x-realaudio A31536000 ExpiresByType image/svg+xml A31536000 ExpiresByType36000 ExpiresByType3 application/ExpiresByType360ype/ExpiresByType3 application/6f-Type3x0Y x-tar A31536000 ExpiresByType image/tiff A31536000 ExpiresByType application/ x-font-ttf A31536000 ExpiresByType application/vnd.ms-opentype A31536000 ExpiresByType audio/wav A31536000 ExpiresByType audio/wma A31536000 ExpiresByType application/vnd. A31536000 ExpiresByType application/font-woff2 A31536000 ExpiresByType application /vnd.ms-excel A31536000 ExpiresByType application/zip A31536000 FileETag MTime Size Overskrift indstillet Pragma "offentlig" Overskrift tilføj Cache-kontrol "offentlig" Overskrift frakoblet Indstil-cookie FileETag MTime Size Header sæt Pragma "public" Header sæt Cache-Control "max-age=3600, public" FileETag MTime Size Header sæt Pragma "public" Header sæt Cache-Control "max-age=31536000, public" Header unset Set-Cookie Header sæt Referrer-Policy "no-referrer-when-downgrade"
Nginx server #
Tilføj følgende uddrag til indersiden af din serverblok, som normalt er placeret på /etc/nginx/site-enabled/default. et globalt udløbsdirektiv, der skal nedarves af dine eksisterende lokationsblokke.
Cache-kontroloverskrifter med udløb:
kort $request_uri $expires { default off; ~*\.(jpg|jpeg|png|gif|ico|css|js|pdf|woff|woff2|doc|docx)(\?|$) 365d; } server { … udløber $expires; ... Beliggenhed ... { ... } ... }
WordPress plugin #
Hvis du ikke har nogen teknisk viden, er det bedre at bruge et passende plugin til at anvende aktivcachepolitik. For eksempel- W3 Total Cache og WP Rocket plugin.
W3 Total Cache #
Installer derefter plugin'et fra dit Dashboard -> 1. Gå til ydeevne -> 2. Vælg Browser Cache -> 3. Find CSS & JS -> 4. Set Expires Header -> 5. Udløber header levetid -> 6. Indstil cache kontrol header -> 7 Cachekontrolpolitik
WP raket #
WP Rocket plugin fungerer også som W3 Total Cache plugin. Dette plugin opdaterer .htaccess-filen med alle nødvendige oplysninger for at aktivere browserens cache-funktion (Cache TTL).
Metode-2 Font Management #
Dette er den anden effektive vej, du kan anvende for at forbedre din serverhastighed. Her skal du sikre dig, at tekst forbliver synlig under indlæsning af webskrifttyper.
Manuel proces #
Du kan enten følge den manuelle proces eller bruge et plugin.
Indlæst skrifttype #
Dette system gør det muligt for browseren at opdage skrifttypeerklæringerne hurtigere, da browseren ikke behøver at vente på, at det eksterne typografiark downloades.
Tredjeparts skrifttypeindlæsning #
Hvis dit websted indlæser skrifttyper fra et tredjepartswebsted, anbefales det stærkt, at du bruger Forbind ressourcetip for at etablere tidlige forbindelse(r) med tredjepartsoprindelsen
husk på, at en skrifttypeudbyder kan levere typografiark og skrifttyper fra forskellige oprindelser. Dette er for eksempel, hvordan preconnect ressourcetip ville blive brugt til Google Fonts.
Font levering #
Selvhostede skrifttyper, som anbefales at bruge Content Delivery Network (CDN) og HTTP/2. Uden brug af disse teknologier er det meget mindre sandsynligt, at selvhostede skrifttyper vil levere bedre ydeevne. For selvhosting skal vi også fokusere på nogle andre nøglepunkter som f.eks underindstilling og WOFF2-komprimering.
- Unicode-rækkevidde: Det bruges ofte i forbindelse med teknikken ved underindstilling.
- WOFF2: Det giver den bedste kompression.
Reducer webskrifttyper #
Systemskrifttyper og variable skrifttyper er to måder, hvorpå du potentielt kan reducere antallet af webskrifttyper, der bruges på dit websted.
- Systemskrifttyper: En systemskrifttype er standardskrifttypen, der bruges af brugergrænsefladen på en brugers enhed.
- Variable skrifttyper: Ideen bag er, at en enkelt variabel skrifttype kan bruges som erstatning for flere skrifttypefiler. For eksempel en variabel skrifttype med en Vægt akse kunne bruges til at implementere bogstaver, som tidligere ville kræve separate skrifttyper til let, regelmæssig, fed, og ekstra fed.
#
Skrifttypegengivelse #
Forskellige browsere håndterer dette scenarie forskelligt. Som standard vil Chromium-baserede og Firefox-browsere blokere tekstgengivelse i op til 3 sekunder, hvis den tilknyttede webskrifttype ikke er indlæst; Safari vil blokere tekstgengivelse på ubestemt tid. skrifttype-visning informerer browseren om, hvordan det skal gå videre med tekstgengivelse, når den tilhørende webfont ikke er indlæst.
- Hvis ydeevne er en topprioritet: Du kan bruge font-display: valgfrit
tekstgengivelse er ikke forsinket i mere end 100 ms, og der er sikkerhed for, at der ikke vil være nogen skrifttype-swap-relaterede layoutskift.
- Hvis visning af tekst i en webskrifttype er en topprioritet: Brug font-display: swap
WordPress plugin #
Der er et par plugins, du kan finde for at anvende et skrifttypestyringssystem. Tre eksempler er givet nedenfor-
Oprydning af aktiver #
At reducere side oppustethed dette plugin scanner unødvendige aktiver, der indlæses. Således kan du aflæse ubrugelig CSS/JS. Det fungerer bedst med ethvert cache-plugin.
Adgang til din Dashboard -> 1. Gå til Plugins -> 2. Find Asset CleanUp -> 3. Klik på Indstillinger -> 4. Find Google Fonts -> 5. Nu, slå TIL Kombiner flere anmodninger til færre til gengivelsesblokering (standard)
Wp raket #
WP Rocket kan hjælpe med at rette Flash af usynlig tekst og sikre, at tekst forbliver synlig under indlæsning af webskrifttyper. Dette er et af de bedste caching-plugins til WordPress, der optimerer Google-skrifttyperne ved at anvende font-display: swap-attributten til dem. WP Rocket optimerer automatisk Google Fonts efter installationen og adresserer øjeblikkeligt Page Speed Insights-advarslen relateret til sådanne skrifttyper.
Site-Ground Optimizer #
Fra din Dashboard -> 1. Gå til Plugins -> 2. Klik på SG Optimizer -> 3. Klik på Frontend -> 4. Find optimering af webskrifttyper -> 5. Aktiver eller deaktiver indstillingen
Så dette er nogle nyttige teknikker til at øge din serverhastighed af ShopEngine. Du kan følge retningslinjerne og ansøge i overensstemmelse hermed. For ethvert særligt problem kan du også kontakte ShopEngines supportteam.