sandqvist.place - Min historia

WordPress, hemmalivet, sagor, bygg och fixa, it, web, hosting och Internet

Sida 2 av 12

AMP-Accelerated Mobile Pages i WordPress

Okej då, jag fattar. Det är väldigt många som faktiskt surfar med sina mobila enheter, och flera blir det. För att kunna leverera en så bra upplevelse som möjligt har man hittat på någonting som kallas för AMP eller Accelerated Mobile Pages eller på svenska då Accelererade Mobilsidor.

Första gången jag dök på AMP

Första gången jag upptäckte detta var när jag i ett vanligt sökresultat såg att vissa träffar hade en liten blixt framför sig. Så här kan det se ut. Notera den där lilla blixten i sökresultatet. Det visar att det är en AMP-sida och den visas förstås då bäst i mobilen.

sökresultat-amp

Sökte efter ”Hur bygger man ett hus”

Vad är AMP?

AMP betyder ju accelererade mobilsidor, men vad innebär det då kan man fråga sig? Dessutom, när man jobbar i WordPress vill man ju också veta rent praktiskt om man kan fixa till detta på sin webbplats?

Accelererade mobilsidor, det är också någonting du bland annat hittar i Googles Search Console, där du får reda på om du har några sådana sidor på din site samt om det är något fel på dom. Om google meddelar att du inte har några AMP-sidor, ja, då kan du fixa det. Jag skriver kan, eftersom det här inte är något krav och vad jag förstått tvistar en hel del utvecklare huruvida det är bra eller inte. Jag tyckte det va småcoolt i alla fall, mera om det snart!

Projekt AMP är ett initiativ, ett öppenkällkods-projekt som siktar på att göra webben bättre för alla. Projektet är tänkt att göra skapandet av webbplatser och annonser (förstås) blixtsnabba, fina och fungera på flera olika plattformar och enheter. Är förstås sponsrat av Google.

Jag tycker inte det är någon mening att jag skriver av en site :-), utan länkar hellre till det här projektet så kan du i lugn och ro läsa mera när du känner för det.

Hur fixar man AMP i WordPress?

Som så mycket annat, genom en plugin! Jag har testat att aktivera en plugin som heter amp for wp, och det kan förstås finnas flera andra som funkar minst lika bra.

Den tycker jag var riktigt nice.Installationen va enkel och man kunde följa en nybörjarguide med de flesta inställningarna. Gällande designen så valde jag en enkel gratis sådan och plugintillverkaren har förstås sina ess i rockärmen där dom vill hjälpa dig med flera av de avancerade alternativen. Är du inte så kinkig och bara vill prova på så fungerar defaultinställningarna hyfsat tycker jag!

Nu har förstås inga data dykt upp i search console ännu, men om jag användare AMP-pluginen i Google Chrome så kan jag se dels att siten är aktiv och sedan att amp faktiskt fungerar som det ska.

Sitter du på mobilen idag och vill ta vara på en snabbare upplevelse av min site, surfa till https://sandqvist.place/amp

Jag testade just pingdom och sidan visades på 280 ms och var på 225 kb!!

Ofrivilligt deltagande i bitcoinmining – Ett skarpt exempel

En gång i tiden kunde man få virus om man kopierade en diskett med ett spel av en kompis, sen kom mailen. Du kunde då få virus av att öppna konstiga filer i e-posten. Efter detta så kom elakingarna på att skicka länkar istället i mailen som offren kan klicka på av misstag, detta för att många filter utvecklats och faktiskt rensar bort fulfiler från eposten.

Efter fulmail kom malware

Samtidigt som detta kom malwarevågen med skräp på webbplatser som du kan få i datorn eller företagsnätverket smittat av en det ena eller det andra. Media har också utvecklats så att allt mera marknadsföring ska numera ske digitalt istället för via traditionella medier. Så plötsligt ska det ju vara en massa reklam på siter för att finansiera journalistik osv. Då installerar ju många adblockers i sina webbläsare förstås, det va på det viset jag tidigare upptäckte att min dator helt plötsligt kunde få skräp via annonsnätverk. Men hur då?

Bitcoinskräp och annan skit via tredjeparts annonsnätverk

Så, riktigt stora webbar kan faktiskt tjäna pengar på reklam, jämfört med mindre besökta webbplatser (nämner ingen här hehe). Antingen bygger man ju upp någon egen reklamstruktur för annonsering på hemsidan eller så anlitar man ett nätverk som sköter detta åt dig, nice och enkelt eller hur! 🙂

Det finns dock ett liiitet problem här. Om det här reklamnätverket får in skit tex virus eller som det hände för mig, cpu-lån för bitcoinmining, så kan ju huvudwebbplatsen faktiskt hamna i lite dålig dager då besökarna kan bli irriterade för mindre.. Det här visar återigen att antivirusprogram faktiskt fortfarande fyller sin plats i din digitala värld!

Nå det praktiska exemplet då, var är det som jag utlovad?

Minstagra.com är en webbplats som tagit steget kan man säga. Dom har helt enkelt skippat reklamen (du har ju en blocker kanske) och ersatt reklamen med bitcoinmining, dvs lån av din cpu en stund, eller rättare sagt så länge du är på deras webbplats. Siten ger dig möjlighet att söka efter olika hashtags mm på instagram om du nu skulle tycka det va kul. (jag föredrar instagrams app istället).

Hur som helst, OM du vill kan du surfa dit, jag skapar ingen länk dit utan du får själv klippa och klistra in länken i din webbläsare. Det är som sagt inte farligt att surfa dit, det jag tycker känns lite irriterande är att dom inte informerar om detta. Har du en adblocker eller ett antivirusprogram kan du faktiskt få en varning om detta.

coin-have

Exempel på källkod med skript till coin-have.com

I praktiken kan man ju jämföra bitcoinmining med annonser på hemsidan, men ska man låna grejer (i det här fallet en cpuresurs från en besökare på en webbsida) så ska det väl finnas någon typ av moral tycker jag då webbplatsägare borde ha och informera om detta.

Vad tycker du om detta, ok eller inte?

Ibland blir det inte som man tänkt sig

I helgen ville Engla åka till Nalovardo och åka slalom med sina kompisar. Dom hade jätteroligt i backen ända tills det inte var roligt igen. Plötsligt fanns där ett träd, som inte ville flytta på sig och benet fastnade förstås i detta med en rejäl vridning av det vänstra knäet.

Tack och lov fanns det flera kompisar som kunde hämta hjälp och ringa till oss så vi fick ta hand om henne. Första resan gick till Sjukstugan och akuten i Sorsele (tack och lov för att det var folk där). Väl där möttes vi av jättesnälla sjuksystrar och en doktor som tillsammans satte på en gipsskena så att vi kunde åka vidare till akuten i Lycksele. Väl där fick vi åka in och få hjälp av återigen trevlig och snäll personal. Efter bortplockning av gipset och röntgen kunde konstateras att ingenting troligtvis är brutet men däremot kan det vara någon typ av kontusion samt avslitet ligament.

Då det inte fanns så mycket mera att göra så satte dom på en ny gipsskena som vi ska ha fram till magnetröntgen som blir nu på onsdag. Vi tar oss några sjukdagar fram tills dess då det är svårt att gå, sitta och ligga, gå på toa och en massa andra saker då man har gips från stortån och högt upp på låret. Tack och lov har smärtan gått ner en hel del!

Jättesvullet knä

Nu håller vi tummarna för att det går bra på onsdag.

Vi tackar för alla snälla meddelanden och kramar och alla kompisar som hjälpte till i lördags samt all duktig sjukvårdspersonal som faktiskt finns där, för oss, dygnet runt och året runt som av tystnadsplikt mm aldrig kan ”skryta” och berätta om sitt jobb!

Tat lugnt i backen alla!!

 

Search console beta har dykt upp

Nu har Google lanserat sin nya Google Search Console beta. Om du har den gamla search console kan du i dagarna ha fått ett meddelande om att du kan få testa nya versionen, antingen per mail, eller så ser du det som ett meddelande när du loggat in i Search console som användare.

Nya Search console beta

Jahapp, vad är nytt då i den här versionen? Det första jag noterade var faktiskt (förstås) en ny design. Den går ju inte komma ifrån att den ser lite fräshare ut faktiskt än föregående.

google search console beta

Flera nyheter i google search console beta

  • Se resultat upp till ett år tillbaka (efterlängtat)
  • Sortera snyggt efter en sökfråga, se bilden ova , ny-knappen
  • Enkel funktion för att lägga till webbplatskartor
  • Enklare funktion för att jämföra tidsaspekter tex data tre månader tillbaka jämfört med de tre tidigare månaderna.
  • Du har snabblänkar till frågor-sidor-länder och enheter för aktuell period, snipsens!

Logga in och testa du med!

 

Hur man blockar uptime-eu/us/as.net i analytics

Så händer det igen, mera referensspam har dykt upp i min Analytics. Kortfattat så sabbar ju det här din värdefulla statistik som du jobbat för att analysera. Skapa ett filter och blocka den här trafiken på en gång!

Logga in i din analytics och skapa ett filter enligt min bild!

uptime-eu.net|uptime-us.net|uptime-as.net

uptime-eu.net|uptime-us.net|uptime-as.net

Snöskottning och adrenalinspruta

I helgen har det skottats snö i mängder. Skrapat av lite av taken, frun har fixat växthuset och lillstugan, har helt enkelt haft fullt upp. Blev tvungen att ta en bild häromdagen lite snett utifrån. Det är trots allt ganska vackert, trots snömängderna.

 

Snö i mängder i Sorsele

För information kan jag berätta att nedre delen på 50-skylten är ca 180cm hög.

Adrenalinsprutan

Under gårdagen var vi på snabbvisit till Lycksele där vi fick lära oss hur man tar en adrenalinspruta rakt in i benet vid en allergisk reaktion. Känslan att smacka in en spruta i benet bara sådär, kan just beskrivas så… där.

Det gjorde lite ont, men var en nyttig erfarenhet, nu vet vi ju hur sånt fungerar, så även lillan Engla som var orsaken till att vi var nere på Allergikliniken. Nu är det bekräftat det handlar om nötallergi, dock bara cashewnötter tack o lov!

På kvällen fick vi äntligen träffa den nye familjemedlemmen Rex som flyttat in hos Mikael och Vilma. Han är söt kort och gott!

Engla och Rex

Engla och Rex

 

Serve static content from a cookieless domain

När man kör pingdoms test mot sin site kan man få nåt klagomål på ”Serve static content from a cookieless domain”. Det här måste vi ju också undersöka. Kan du göra någonting åt detta i WordPress?

Vad handlar det här om då?

Detta handlar alltså om att kunna leverera statiskt innehåll från en annan domän för att snabba upp kommunikationen.

Om jag har förstått detta rätt då jag läst på lite på nätet så behöver man antingen fixa det genom en subdomän eller så genom en till domän. Då min tid känns lite begränsad kommer jag inte ge mig på detta, men jag kan i alla fall tipsa dig om hur du kan gå till väga genom att läsa den här guiden jag tyckte hjälpte ganska bra!

I korthet ska du:

  1. Fixa en subdomän eller en extra domän och fixa pekare i dns
  2. Fixa i configfilen för din WordPress
  3. (Peta i databasen)
  4. (Eventuellt fixa i googlekoden på din site)
  5. Provköra

Personligen väntar jag på att vi ska införa http 2.0, vilket av vad jag förstått skulle minimera behovet av detta då cookies i sig inte är så himla stora filer och tar så mycket kräm i anspråk.

Om du kan, är det ju vettigt att kanske istället fokusera på dina bilder och media istället på din site, som säkerligen går att komprimera och göra din webb bra mycket snabbare!

 

Remove Query Strings From Static Resources

Då fortsätter min serie med pagespeed och WordPress, dvs att få WordPress att gå snabbare och även att få bra resultat i de olika mätverktygen som finns på nätet.

I mitt förra inlägg skrev jag om hur man får WordPress snabbare och lämnade detaljen om query strings därhän. Nu tänkte jag ta tag i den grejen också.

Efter lite sökande på nätet hittade jag en funktion i form av en enkel plugin (nähä, går det att lösa med i plugin i WordPress 🙂 Om jag förstått saken rätt så ska det gå att fixa.

Först en koll på vad pingdom knorrar över idag

Pingdom tycker jag ska ”Remove query strings from static resources” enligt nedan.

Resources with a ”?” in the URL are not cached by some proxy caching servers. Remove the query string and encode the parameters into the URL for the following resources:

  • https://sandqvist.place/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.14
  • https://sandqvist.place/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.0
  • https://sandqvist.place/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2
  • https://sandqvist.place/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2
  • https://sandqvist.place/wp-content/plugins/goog … or-wordpress/assets/js/frontend.min.js?ver=6.2.6
  • https://sandqvist.place/wp-content/plugins/instagram-feed/css/sb-instagram.min.css?ver=1.5.1
  • https://sandqvist.place/wp-content/plugins/instagram-feed/js/sb-instagram.min.js?ver=1.5.1
  • https://sandqvist.place/wp-content/themes/hemingway/js/global.js?ver=4.9.2
  • https://sandqvist.place/wp-content/themes/hemingway/style.css?ver=4.9.2
  • https://sandqvist.place/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1
  • https://sandqvist.place/wp-includes/js/jquery/jquery.js?ver=1.12.4
  • https://sandqvist.place/wp-includes/js/wp-embed.min.js?ver=4.9.2
  • https://sandqvist.place/wp-includes/js/wp-emoji-release.min.js?ver=4.9.2

Plugin löser biffen

Om jag förstått saken rätt ska det finnas ett plugin som heter Remove Query Strings From Static Resources som du kan installera i din WordPress för det här ändamålet, och du ska faktiskt inte behöva göra så mycket mera, än efter installationen tömma cache, vi testar!

pingdom allt grönt

Sådärja, nu börjar det ju likna nåt! Serve static content from a cookieless domain verkar ju fortfarande behöva ses över, men jag är nöjd, hoppas du är det också med din sida!

 

 

Snabba upp WordPress

Det finns en väldig massa sätt att få WordPress att gå snabbare och tipsen varierar verkligen på nätet. Allt ifrån byta webbhotell till att använda olika typer av cachelösningar.

Hur jag löste snabbheten på min WordPress webb

Eftersom jag inte har en affärskritisk webb eller att det är megaviktig att den går snabbt har jag nöjt mig med några relativt enkla förbättringar.

1. installerade ett vanligt cacheplugin som heter WP Super Cache och det är ett vanligt plugin som många använder idag för att snabbare leverera sidorna till besökares webbläsare

2. aktiverar browser caching. dvs saker på din webb som ändras väldigt sällan borde ju dina besökare få cachat tex i sin webbläsare, då kommer din site att upplevas mycket snabbare. På den här siten berättar dom snällt hur du fixar det!

Jag knackade in den här koden i min web.config.

<system.webServer>
<staticContent>
<clientCache cacheControlMode=”UseMaxAge” cacheControlMaxAge=”30.00:00:00″ />
</staticContent>
</system.webServer>

Dump innan fix på min site

sandqvist-before-cache

Efter installationen av cache ser det ut så här:

sandqvist-after-cache

Här kan vi se då att Leverage browser caching är grönt numera och sidan laddades en aningen snabbare. Det finns förstås lite mera att göra som du ser, tex minimera bilder och fixa den röda E grade här ovan, server static content from a cookieless domain.

Vad du mera kan göra för att göra din webbplats snabbare är tex att aktivera varnish (som superwebbhotellet Vildmarksdata kan erbjuda)

Slänger in en liten film här om Varnish cache från youtube som kan berätta lite mera!

Har byggt en liten webbplats nfbr.se

Har byggt en ny liten webbplats för gänget bakom Nalovardo Fatbike Race. Det är en enkel WordPresswebb jag jobbat med under någon månad nu med lite bilder från banprepareringen bland annat. Har också fixat några formulär för kontakt och anmälan. Jag tycker du kan passa på att ge sidan ett besök, men sedan även fysiskt besöka arrangemanget.

Fatbike Nalovardo toppen

Siten hittar du här

« Äldre inlägg Nyare inlägg »