L\u00e5t oss se steg f\u00f6r steg-process f\u00f6r att f\u00f6rb\u00e4ttra webbplatsens prestanda och hastighet. Nedan \u00e4r sk\u00e4rmdumpen av min webbplatspo\u00e4ng p\u00e5 Google Page Insight.<\/p>\n
Har du n\u00e5gonsin m\u00e4rkt att meddelandet Render blockerar JavaScript och CSS i inneh\u00e5ll ovanf\u00f6r mitten? Om du inte har inkluderat CSS och JS p\u00e5 ett vanligt s\u00e4tt<\/a> kan det sakta ner din webbplats. Som en tumregel b\u00f6r CSS inkluderas i ett sidhuvud och JS i en sidfot. Du b\u00f6r ta hand om din webbplats f\u00f6ljer denna standardpraxis.<\/p>\n Bilder spelar en viktig roll f\u00f6r att f\u00f6rb\u00e4ttra anv\u00e4ndarupplevelsen. I\u00f6gonfallande bilder h\u00e5ller dina anv\u00e4ndare engagerade i inneh\u00e5llet. Men anv\u00e4ndning av tunga bilder d\u00f6dar n\u00e4stan din webbplatshastighet. Till exempel har du laddat upp en bild med storlek 2MB p\u00e5 webbplatsen, och n\u00e4r du laddar sidan tar det 2MB extra tid att ladda bilden innan du presenterar din sida f\u00f6r publiken.<\/p>\n H\u00e4r kommer konceptet att optimera bilder<\/strong> f\u00f6re anv\u00e4ndning. Det finns flera plugins tillg\u00e4ngliga som g\u00f6r den h\u00e4r uppgiften att komprimera bilder fr\u00e5n ditt mediebibliotek. N\u00e5gra popul\u00e4ra plugins \u00e4r<\/p>\n Alla dessa plugins fungerar bra. Jag skulle rekommendera att anv\u00e4nda TinyPNG-plugin. Jag anv\u00e4nder detta plugin f\u00f6r min webbplats och jag \u00e4r ganska n\u00f6jd med det.<\/p>\n I vissa fall m\u00e5ste vi visa bilder utanf\u00f6r mediebiblioteket. Vi skapar en anpassad katalog och laddar upp bilder i den och anv\u00e4nder sedan dessa bilder p\u00e5 webbplatsen. Jag har skrivit artiklar om Optimize Image On Upload<\/a> och TinyPNG Compress Images<\/a>. Se de h\u00e4r artiklarna om du inte anv\u00e4nder mediebiblioteket f\u00f6r bilder.<\/p>\n Tips: Besk\u00e4r bilderna i den storlek du vill visa. L\u00e5t oss s\u00e4ga att du har en beh\u00e5llare i storlek 300 * 250. I s\u00e5 fall b\u00f6r du besk\u00e4ra bilden enligt beh\u00e5llarens storlek. Anv\u00e4nd inte bilden av st\u00f6rre storlek i en liten beh\u00e5llare. Detta p\u00e5verkar ocks\u00e5 webbplatsens prestanda.<\/p>\n Lazy Load Images<\/strong> hj\u00e4lper till att p\u00e5skynda din webbplats. Med lazy load<\/a> plugin laddas<\/a> dina bilder inte f\u00f6rr\u00e4n anv\u00e4ndaren bl\u00e4ddrar till dem. Det hj\u00e4lper till att minska storleken p\u00e5 din sida vid laddningen.<\/p>\n Om du vill implementera lazy load-bilder utan att anv\u00e4nda plugin, l\u00e4s g\u00e4rna i v\u00e5r artikel om F\u00f6rb\u00e4ttra webbplatsens prestanda av Lazy Load Images<\/a>.<\/p>\n S\u00e5 l\u00e5ngt din databasstorlek \u00e4r liten svarar din server snabbt p\u00e5 databasf\u00f6rfr\u00e5gan fr\u00e5n webbplatsen. N\u00e4r din databas b\u00f6rjar \u00f6ka, tar din server mer tid att svara.<\/p>\n I WordPress, efterhand som flera f\u00f6r\u00e4ldral\u00f6sa data lagras i din databas. Till exempel n\u00e4r du uppdaterar inl\u00e4gg eller sida, varje g\u00e5ng WordPress lagrar revisionen i databasen. Jag f\u00f6redrar att bara h\u00e5lla de senaste 3 versionerna som \u00e4r tillr\u00e4ckligt. F\u00f6r att h\u00e5lla uppdateringar upp till tre g\u00e5nger m\u00e5ste du placera koden nedan i din wp-config.php-fil.<\/p>\n \u00d6ver koden begr\u00e4nsar antalet revisioner. Det finns n\u00e5gra andra tabeller som ocks\u00e5 b\u00f6r optimeras. Jag rekommenderar att du anv\u00e4nder WP-DBManager<\/a> eller WP-Sweep-<\/a> plugins f\u00f6r att optimera din databas.<\/p>\n Tack till ingenj\u00f6rer som introducerade konceptet f\u00f6r webbl\u00e4sarens cache. N\u00e4r en anv\u00e4ndare bes\u00f6ker din webbplats lagrar anv\u00e4ndarens webbl\u00e4sare din sida i webbl\u00e4sarens tillf\u00e4lliga lagringsplats. N\u00e4r anv\u00e4ndaren bes\u00f6ker webbplatsen n\u00e4sta g\u00e5ng presenterar webbl\u00e4saren sidan f\u00f6r anv\u00e4ndare fr\u00e5n senast lagrade cache ist\u00e4llet f\u00f6r att ladda hela sidan igen. Detta minskar bandbreddsanv\u00e4ndningen p\u00e5 b\u00e5de anv\u00e4ndar- och serversidan. Att anv\u00e4nda cacheminnet f\u00f6r din webbplats p\u00e5skyndar WordPress-webbplatsen dramatiskt. N\u00e5gra av de popul\u00e4ra cache-pluginsna \u00e4r f\u00f6ljande.<\/p>\n N\u00e4r du utnyttjar webbl\u00e4sarcaching lagras dina webbsidefiler i webbl\u00e4sarens cache. Dina sidor laddas mycket snabbare f\u00f6r \u00e5terkommande bes\u00f6kare. L\u00e4gg till f\u00f6ljande kod i din webbplats htaccess-fil s\u00e5 att du kan cache-l\u00e4sa webbl\u00e4saren.<\/p>\n Obs! I WordPress anv\u00e4nder vissa plugins externa resurser. Vi kan inte st\u00e4lla in utg\u00e5ngsrubriker f\u00f6r dessa externa resurser. Ett s\u00e4tt \u00e4r att lagra dessa externa filer p\u00e5 din server och sedan inkludera dem p\u00e5 din webbplats.<\/p>\n Jag hoppas att du f\u00f6rst\u00e5r hur du p\u00e5skyndar WordPress-webbplatsen. Om jag saknade n\u00e5got eller om du anv\u00e4nder n\u00e5gra andra tekniker, v\u00e4nligen dela i kommentarerna nedan.<\/p>\n![\"6](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20834-60822fd29f5de.png\")
<\/a><\/p>\nSteg 1- Inkludera CSS och JS p\u00e5 ett vanligt s\u00e4tt<\/h3>\n
Steg 2- Optimera bilder f\u00f6re anv\u00e4ndning<\/h3>\n
\n
Steg 3 – Lata bilder<\/h3>\n
Steg 4 – Optimera databasen<\/h3>\n
define('WP_POST_REVISIONS', 3);<\/code><\/pre>\nSteg 5 – Anv\u00e4ndning av cache<\/h3>\n
\n
Steg 6- Utnyttja webbl\u00e4sarens cachning<\/h3>\n
<IfModule mod_expires.c>\nExpiresActive On\nExpiresByType image\/jpg \"access plus 1 year\"\nExpiresByType image\/jpeg \"access plus 1 year\"\nExpiresByType image\/gif \"access plus 1 year\"\nExpiresByType image\/png \"access plus 1 year\"\nExpiresByType text\/css \"access plus 1 month\"\nExpiresByType application\/pdf \"access plus 1 month\"\nExpiresByType text\/x-javascript \"access plus 1 month\"\nExpiresByType application\/x-shockwave-flash \"access plus 1 month\"\nExpiresByType image\/x-icon \"access plus 1 year\"\nExpiresDefault \"access plus 2 days\"\n<\/IfModule><\/code><\/pre>\n