FS Data

FS Data - webbhotell, domännamn, e-post, servrar


  • Om oss

  • Blogg

  • Panel

  • Webbmail

  • Support

aug 06 2015

Edge, en överraskande vass webbläsare

Det lär knappast ha undgått någon att Microsoft har släppt en ny version av sitt operativsystem, Windows. Windows 10 har många intressanta nyheter, men som de webbnördar vi är så har vi främst fokuserat på deras nya webbläsare: Microsoft Edge.

Internet ExplorerEdge är den första nya webbläsaren från Microsoft på nästan 20 års tid. Deras tidigare webbläsare, Internet Explorer, hade under sin storhetstid en marknadsandel över 90 %. Men den plågades av säkerhetshål, inkompatiblitet med webbstandarder, långsamhet och en del andra problem.

De senaste åren har, milt uttryckt, inte varit så roliga för Internet Explorer och dess användare.

– Microsoft Edge, en helt ny start

Microsoft Edge baseras till viss del på samma motor som Internet Explorer, men är ombyggd från grunden och exkluderar stöd för t ex ActiveX till fördel för ordentlig kompatibilitet med webbstandarder. Det är en riktigt snabb webbläsare, som i vissa avseenden kan matcha hastigheten hos Google Chrome. Vi ska inte gå in på några hastighetstester här, det finns redan ett gäng sådana tester på nätet.

Edge har ett avskalat, luftigt och lite kantigt gränssnitt, som matchar Windows 10. Det erbjuder ändå snabb åtkomst till de vanligaste och viktigaste funktionerna i webbläsaren. Som användare är det enkelt att fokusera på hemsidornas innehåll med Edge. Om man gillar gränssnittet eller inte är en smaksak, men vi tycker det är riktigt snyggt.

Microsoft Edge med fsdata.se

Microsoft Edge erbjuder även en del funktioner som andra webbläsare saknar (utan tillägg). Där märks främst möjligheten att via en knapp skapa anteckningar och kommentarer till olika hemsidor. Dessa kan sedan sparas som bokmärken och/eller bilder, som man kan dela med sig av till sina vänner. Edge har även en knapp för snabb delning av hemsidor via sociala medier.

Det verkar som att Edge har tagit efter Firefox webbläsare för utvecklare. Med en knapptryckning (F12) får man upp ett separat fönster med utvecklingsverktyg, där man kan kontrollera och hantera koden för sin webbplats. Det gillar vi skarpt!

Utvecklingsverktyg i Microsoft Edge

Nu har vi testat Microsoft Edge några dagar och intrycket av denna nya webbläsare är positivt. I princip alla webbplatser som vi har besökt fungerade och renderades både snabbt och rätt. Om man har många flikar öppna, med tunga/videobaserade webbplatser, så kan det gå rätt så segt men så fungerar det med nästan alla andra webbläsare också.

– Är allt guld och gröna skogar då?

Nja, inte riktigt. Även om Edge är en funktionell, snygg och snabb webbläsare så finns det en del rätt stora frågetecken.

Först och främst så blir Edge den nya standardwebbläsaren i Windows 10 även om man uppgraderar från Windows 7/8 med en annan standardwebbläsare. Det är inte helt enkelt att ändra detta i Windows 10, men här är en video som visar hur man gör:

Sedan har vi detta med hur Microsoft hanterar personliga uppgifter i Edge (och Windows 10). Som standard skickas nämligen uppgifter om hur och var man surfar, med Edge, till servrar hos Microsoft. Det sker för att Microsoft ska kunna gissa/förutspå vilka hemsidor man kommer besöka härnäst och på så sätt förladda dem, så att de visas snabbare.

Det går förvisso att stänga av denna funktionalitet (se: Microsoft Edge, Privacy FAQ), men det lär merparten av alla Windows-användare missa. Att Microsoft aktiverar denna integritetskränkande funktion som standard är högst tveksamt.

– Avslutningsvis

Microsoft Edge logoAtt Internet Explorer fasas ut med Windows 10 är positivt. Det kommer göra mycket för upplevelsen av Internet för många vanliga användare. Likaså det faktum att säkerheten är högre (utan ActiveX) och att olika webbstandarder stöds ordentligt. Integritetshanteringen är dock ett stort minus.

Med Edge har Microsoft åter en webbläsare som kan utmana Google Chrome, Mozilla Firefox och Apple Safari ordentligt. Idag har Internet Explorer en marknadsandel om 7-8 %. Det skulle inte förvåna oss om Microsoft Edge har en marknadsandel uppåt 20 % om något år. Det innebär att övriga webbläsare måste anstränga sig mer, vilket i slutändan är positivt för oss användare.

Vad tycker ni om Microsoft Edge? Lämna gärna en kommentar här nedan!

Written by · Categorized: Internet · Tagged: Chrome, Edge, Firefox, Internet Explorer, Microsoft, Nyhet, Safari, Webbläsare, Windows 10

jun 24 2015

Hur tillgänglig är din hemsida?

fsdata_skoldpadda_frageteckenNär vi som hanterar webbhotell och servertjänster pratar om tillgänglighet så handlar det oftast om hur bra våra servrar svarar. Det handlar om upptid, nedtid och svarstider mätt i procent och millisekunder.

Det finns dock en annan typ av tillgänglighet som vi pratar om alldeles för sällan.

Tillgänglighet för människor med funktionsnedsättningar.

Ungefär 90 % av alla svenskar, från 6 till 65 år, använder Internet. Det finns ingen officiell statistik över alla svenskar med funktionsnedsättningar, men ca 25 % av den vuxna befolkningen har problem med att läsa och vi har ca 120 000 synskadade personer i Sverige.

Tillgänglighet är en fråga om mänskliga rättigheter. Faktum är att Sverige har undertecknat en FN-konvention som bl a innebär att vi ska vidta åtgärder för att ge personer med funktionsnedsättningar tillgång till ny informations- och kommunikationsteknik.

Inom den offentliga sektorn i Sverige har man sedan 2006 arbetat med tillgänglighet enligt Vägledningen för 24-timmarswebben. Det märks väl bl a hos Regeringskansliet, Skatteverket och Försäkringskassan. Bristande tillgänglighet räknas, sedan januari 2015, som en form av diskriminering enligt Diskrimineringslagen.

I vårt grannland, Norge, har man tagit detta ännu längre. Där är det lagstadgat att alla nya digitala system, som vänder sig till allmänheten, ska vara tillgängliga från 2011. Befintliga system ska även anpassas fram till 2021. Det är inte omöjligt att Sverige går samma framtid till mötes.

Inom den privata sektorn i Sverige har tillgängligheten inte uppmärksammats lika väl. Vi förstår nyttan med snabba hemsidor, mobila hemsidor och sökmotorvänliga hemsidor. Men långt ifrån alla hemsidor tillhörande privatpersoner och företag är tillgängliga. Det är synd, då en tillgänglig hemsida är rätt enkel att få till. Låt oss visa er hur.

Så får du en mer tillgänglig hemsida

Låt oss börja med det mest grundläggande.

– Hur surfar man på Internet om man inte kan se eller läsa ordentligt?

Jo, man använder webbläsare, eller skärmläsare, med funktioner som läser upp texten på en hemsida eller skriver ut den i punktskrift. Några (kostnadsfria) exempel på detta är NVDA (Windows), VoiceOver för OS X (Mac) och Orca (Linux). Om du kan, testa gärna en skärmläsare med din egen hemsida. Det är en rätt intressant upplevelse.

Om du vill få en djupare förståelse för hur man surfar på nätet med funktionsnedsättningar, se då gärna på denna video. Den har några år på nacken, men den illustrerar verkligheten på Internet för dessa människor väldigt bra.

– Hur bygger man en hemsida som fungerar bra med skärmläsare?

WCAG 2.0Jo, man följer den internationella standarden Web Content Accessibility Guidelines (WCAG) 2.0. Eller Riktlinjer för tillgängligt webbinnehåll. I denna standard definieras hur innehåll på hemsidor bör struktureras för att fungera så bra som möjligt för besökare med funktionsnedsättningar.

Följande områden täcks inom WCAG 2.0:

  • Tydlighet (hur information presenteras, textalternativ till bilder, anpassningsbart innehåll osv.)
  • Användbarhet (tydlig navigering, enkelt att hitta, navigera via tangentbord, tillräcklig tid osv.)
  • Begriplighet (läsbart innehåll, förutsägbar presentation, undvik inmatningsfel osv.)
  • Kompatibilitet (innehåll ska fungera med befintliga och framtida tekniska verktyg/klienter.)

En annan fördel med att följa WCAG 2.0 är att man får en hemsida som är välstrukturerad och enkel att navigera och använda även för människor utan funktionsnedsättningar. Sökmotorer älskar likaså strukturerad data. Google kan ju t ex inte se bilder ”på riktigt”, utan tolkar dem främst utifrån hur de är beskrivna i text.

– Hur testar man om en hemsida är tillgänglig?

Det går förvisso att läsa riktlinjerna för WCAG 2.0, anpassa sin hemsida därefter och testa det manuellt med en skärmläsare. Men det kan vara rätt så tidskrävande. Det finns lyckligtvis ett antal olika verktyg som kan testa och ge tips om hur man förbättrar sin tillgänglighet. Här är några av dessa:

  • Tingtun Page Checker. En norsk tjänst som arbetar mot WCAG 2.0. Ger ett tydligt resultat med fel/varningar och en procentuell bild av hur tillgänglig en sida är. Har även bra hänvisningar till WCAG 2.0.
  • CyntiaSays. Ett lite mer avancerat verktyg, där man kan testa sin hemsida mot olika standarder. Ger detaljerade svar som man kan gräva ner sig i ordentligt. Bra hänvisningar här också.
  • Web Accessibility Evaluation Tool (WAVE). Ett enkelt och tydligt verktyg. Resultatet presenteras tillsammans med din hemsida, så du enkelt kan markera och se olika fel/varningar. WAVE kan även integreras med Firefox och Chrome.

Notera att man inte bara kan förlita sig på dessa verktyg. Vissa saker, såsom kontrast mellan text och bakgrund, bör kontrolleras manuellt. Verktygen är ändå ett bra och enkelt sätt att komma igång.

– Några tips för tillgänglighet med WordPress

Då FS Data är ett WordPress-vänligt webbhotell så har vi kikat lite extra på tillgängligheten för WordPress.

WordPress är överlag rätt så tillgängligt. Det finns en användargrupp för tillgänglighet, bland utvecklarna av WordPress, som arbetar aktivt med denna fråga. Till nästa version av WordPress är ett flertal förbättringar av tillgängligheten planerade.

Det finns ett relativt stort antal teman för WordPress som är tillgänglighetsanpassade. WordPress egna standardteman, sedan 2013, hör även till dessa. Om du använder Genesis så kan vi även tipsa om det tillgänglighetsanpassade barntemat Utility Pro.

Notera att det inte räcker med att ”bara byta tema” för att få en tillgänglig hemsida. Man behöver även anpassa dess innehåll.

Till sist finns även flera bra tillägg för tillgänglighet till WordPress. Här är några av dessa:

  • WP Accessibility. Detta tillägg rättar/lägger till ett antal funktioner för tillgänglighet på din WordPress-sida. Det ger dig även möjlighet att lägga in en funktion där besökare kan ändra kontrast/textstorlek på din hemsida vid behov. Rekommenderas!
  • Om du har formulär på din WordPress-sida så kan dessa tillgänglighetsanpassas via Contact Form 7: Accessible Defaults eller Gravity Forms – WCAG 2.0 form fields (beroende på vad du använder för tillägg).
  • Om du använder Genesis så rekommenderas även tillägget Genesis Accessible.

Funktionsnedsättningar– Avslutningsvis

Vi hoppas att det här inlägget kan bidra lite till en ökad förståelse för vikten av en mer tillgänglig hemsida. Ökad tillgänglighet är något som vi alla tjänar på. För vår egen del är vår hemsida ännu inte helt tillgänglighetsanpassad, men det kommer garanterat här framöver.

För mer läsning om tillgänglighet på webben kan vi varmt rekommendera ett besök hos Vägledning för webbutveckling.

Om du har fler tips om tillgänglighet som du vill dela med dig av i kommentarerna nedan så är vi väldigt tacksamma för det.

Written by · Categorized: Internet, WordPress · Tagged: Funktionsnedsättning, Guide, Hemsida, Internet, Teman, Tillägg, Tillgänglighet, Tips, WCAG 2.0, WordPress

maj 27 2015

Surfa (nästan) dubbelt så snabbt med Firefox

En av de främsta orsakerna till långsamma hemsidor är sk. spårnings- och annonsnätverk. Det är nätverk med sidor som spårar och sparar information om våra surfvanor, t ex vad vi besöker för sidor och vad vi söker efter på nätet. Detta för att kunna visa oss så relevanta och attraktiva annonser som möjligt.

Spårningsnätverken används i princip överallt. Förutom hemsidor med annonser, t ex tidnings- och nyhetssidor, så är spårningen även inbäddad i t ex sociala delnings- och kommentarsfunktioner (t ex på sidor där man kan kommentera med sitt Facebookkonto). Spårnings- och annonsnätverken omsätter årligen $40-50 miljarder USD (ca 400 miljarder kronor).

Men detta är inget nytt för trogna läsare av vår blogg. Vi har tidigare berättat hur man spåras på nätet (och skyddar sig från spårningen) samt hur man själv kan sluta spåra sina besökare (åt andra). Dessutom går det att surfa helt anonymt med Tor.

Nu ska vi visa hur man enkelt skyddar sig från denna spårning, samt surfar nästan dubbelt så snabbt, med webbläsaren Firefox.

– Firefox Tracking Protection

Surfa snabbare med FirefoxFirefox har en rätt ny funktion som heter Tracking Protection (Spårningsskydd). Som namnet antyder så skyddar funktionen användare från att spåras på nätet.

Detta sker genom att spårningskod (med tillhörande script och bilder) blockeras i webbläsaren. Det laddas inte in för användaren. För detta använder Tracking Protection olika register över spårningsnätverk, som t ex Disconnect.me.

Tracking Protection är främst avsett att stoppa spårning, men då många nätverk både spårar och annonserar så stoppas även annonser.

– Aktivera Tracking Protection

Så här aktiverar man Tracking Protection i Firefox:

– Öppna ett nytt fönster/flik och skriv in about:config i adressfältet (följt av Enter).
– Du kan få en varning om att vara försiktig, godkänn denna i sådana fall.
– Sök nu efter ”tracking” så du hittar variabeln privacy.trackingprotection.enabled.
– Dubbelklicka på denna variabel för att ändra dess värde till ”true”. Klart!

Aktivera Tracking Protection i Firefox

Om du, efter att ha aktiverat denna funktion, ändå vill bli spårad och se annonser på en viss hemsida så kan du besöka hemsidan ifråga och klicka på sköld-ikonen längst till vänster i adressfältet. Här kan du först se om några script har blockerats av Firefox. Sedan kan du under ”Inställningar” för Spårning välja att inaktivera skyddet för denna sida.

Lägg till undantag för spårningsblockering i Firefox

– Hur mycket snabbare surfar man nu då?

Två ingenjörer hos Mozilla (som står bakom utvecklingen av Firefox) har genomfört ett stort antal tester av laddningstiderna med och utan Tracking Protection i Firefox. Förra veckan publicerade de en rapport från ett hastighetstest av de 200 största nyhetssidorna på Internet. Enligt detta test så minskade laddningstiderna med 44 % med Firefox Tracking Protection.

För att få ett svenskt perspektiv på detta, låt oss ta aftonbladet.se som exempel. Utan Firefox Tracking Protection väger denna sida ca 4 MB med över 250 element (script, bilder osv.). Med Firefox Tracking Protection väger aftonbladet.se knappt 2 MB med ca 130 element. Laddningstiden halveras likaså med Tracking Protection.

– Men om jag redan använder en annonsblockerare, t ex AdBlock Plus?

Det finns redan många bra tillägg till Firefox för att blockera annonser. Tracking Protection är dock en integrerad funktion i Firefox, vilket bådar för högre säkerhet och mindre resursanvändning (jämfört med en annonsblockerare från tredjepart).

Vi har t ex testat Firefox med ett 40-tal öppna flikar, med och utan AdBlock Plus. Med AdBlock Plus uppgick minnesanvändningen till 1,5 GB RAM. Utan AdBlock Plus (med Tracking Protection istället) användes knappt 1 GB RAM.

– Mer information om Firefox Tracking Protection

För mer info om Tracking Protection kan vi varmt rekommendera denna presentation: Tracking Protection for Firefox

Vad tror du om Tracking Protection? Har du testat det än? Lämna gärna en kommentar här nedan!

Written by · Categorized: Internet · Tagged: Annonser, Firefox, Hastighet, Laddningstider, Mozilla, Spårning, Storebror, Tips, Tracking Protection

apr 15 2015

Mobilanpassa er eller förlora besökare!

Vi har berättat om det flera gånger tidigare i vår blogg, men nu är det absolut sista chansen att mobilanpassa er hemsida om ni inte vill börja förlora besökare. Nästa vecka, den 21:a april 2015, kommer nämligen Google att börja premiera mobilanpassade hemsidor. Dessa sidor kommer att få bättre placeringar i sökresultatet hos dem.

FS Data mobilanpassad hemsida

– Hur viktigt är det med en mobilanpassad hemsida, egentligen?

Idag surfar ungefär varannan besökare på en hemsida med sin mobiltelefon eller surfplatta. Som utvecklingen ser ut så kommer andelen ”vanliga datoranvändare” att vara i minoritet här framöver. Att inte mobilanpassa sin hemsida idag är att ignorera hälften av sina besökare. Så det är extremt viktigt.

– Vad bör man tänka med med en mobilanpassad hemsida?

En mobilanpassad hemsida ska egentligen inte skilja sig från den vanliga hemsidan. Det är en och samma hemsida, fastän dess innehåll är anpassat för en mindre skärm. Så glöm allt om ”separat mobilsida” och mobila toppdomäner, fokusera på att få er vanliga hemsida mobilanpassad istället.

– Hur mobilanpassar man en hemsida då?

Hur man går tillväga beror givetvis på hur hemsidan är uppbyggd. Det absolut bästa är att använda en responsiv design. Alla seriösa teman som utvecklats och släppts de senaste åren har detta. Om man t ex kör WordPress med ett standardtema, från Twenty Eleven (2011) och uppåt, så är det responsivt.

De flesta hemsidelösningar, som WordPress och Joomla, har även tillägg som möjliggör responsiv funktionalitet (t ex lägger in en responsiv meny när så behövs). Det är egentligen inte något vi rekommenderar, men det är en bra sista utväg om man inte kan anpassa eller byta sitt tema.

Om du har en hemsida med ett äldre tema/utseende utan responsivt stöd så kan det vara hög tid att byta tema nu. Det finns en hel uppsjö med snygga teman att tillgå, både kostnadsfritt (t ex via WordPress temakatalog) och mot betalning (t ex hos Themeforest). Passa på nu!

– Hur vet jag om min hemsida är mobilanpassad?

Om du besöker din hemsida via en vanlig dator så kan du testa att ändra storleken på din webbläsares fönster (i synnerhet bredden). Ser du att hemsidan ändras, att menyn t ex minskas och/eller blir till en rullgardinsmeny? Då har du sannolikt en mobilanpassad, eller responsiv, hemsida.

Google har även ett bra testverktyg för detta. Du hittar det här: Google mobilvänlighetstest

Lämna gärna en kommentar här nedan om du har några frågor eller funderingar kring detta!

Written by · Categorized: Internet · Tagged: Google, Hemsida, Joomla!, Mobilanpassad, Mobilt, Responsivt, SEO, Teman, Tillägg, Tips, WordPress

dec 10 2014

Mindre spam med ett sötare formulär

Om det är något med Internet som vi verkligen hatar så är det spam. Vi gör allt i vår makt för att stoppa e-postspam, med ett av marknadens bästa spamskydd i våra e-posttjänster, men spam tar sig form på många olika sätt. Ett av de sätt som ökat mest på sistone, det är formulärspam.

Formulärspam innebär att automatiserade program/botar fyller i hemsideformulär. Det kan vara allt från kontaktformulär till formulär för kommentarer. Denna spam skickas sedan via e-post eller publiceras på hemsidorna ifråga.

Det vanligaste sättet att stoppa formulärspam har varit att använda en sk. captcha. En captcha är en bild som enbart människor kan tolka. Men spambotarna har utvecklats och blivit bättre på att ta sig förbi captcha-skydd. Med det har även captcha-bilderna blivit allt mer avancerade och komplicerade (samt irriterande).

Irriterande captcha

Det har gått så långt att captcha har visat sig leda till färre ifyllda formulär. Besökarna orkar inte tyda captcha-bilderna längre. Rent konkret så förlorar man kunder med captcha. Så många hemsideägare inaktiverar captcha-funktionerna och får istället dras med formulärspam.

En honungsburk som stoppar spamMen det finns ett enklare alternativ till captcha: Honeypot!

Honeypot är en antispamteknik som går ut på att man lägger in ett, för vanliga användare, osynligt formulärsfält. Fältet döljs med CSS och för att formuläret ska fungera så måste detta fält vara tomt (vilket alltid är fallet med vanliga användare).

Spambotarna kan i regel inte hantera CSS och de är ofta instruerade att fylla i alla fält i ett formulär. Det innebär att de inte kan ta sig förbi ett formulär som är skyddat av ett honeypot-fält. Spambotarna fastnar i honungsburken.

Det finns lite olika sätt att lägga in honeypot-skydd i ett formulär. Det enklaste är att lägga till ett textfält med CSS-värdet ”display:none;” (via en separat klass). När formuläret skickas är det bara att plocka bort de inlägg där detta fält har ett värde. Ange gärna ett vanligt formulärsnamn för detta fält (”zip”, ”phone” eller liknande).

Om en människa besöker sidan, med en webbläsare som inte hanterar CSS, så kan det även vara bra att lägga in en label med en text motsvarande ”Om du är en människa, fyll inte i detta fält”. Även detta bör då vara dolt. Förhoppningsvis anger då människan ifråga inte något i detta textfält.

Ett exempel för detta i PHP finns här: Quick and Simple PHP Honey Pot Spam Prevention. Ett bra inlägg om detta, för de som vill lära sig mer, finns här: Stopping spambots with hashes and honeypots. Till WordPress finns ett antal olika honeypot-tillägg. Med Contact Form 7 kan tillägget Contact Form 7 Honeypot rekommenderas varmt.

Om du har några frågor om detta, eller har tips på andra sätt att stoppa formulärspam, lämna då gärna en kommentar här nedan.

Written by · Categorized: Internet · Tagged: Captcha, Contact Form 7, Formulär, Honeypot, Spam, Spamskydd, Tips, WordPress

  • « Previous Page
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • …
  • 10
  • Next Page »

© 2025 FS Data AB | Priser exkl. moms