Este website-ul tau sigur? Ai certificat SSL pe site?

Certificat SSL

Certificat SSL: optiune sau necesitate?

In luna octombrie, Google a anuntat ca va implementa o schimbare majora in felul cum vor fi percepute site-urile web de catre vizitatori. Citeste mai departe despre importanta instalarii unui certificat SSL pe site-ul tau web.

Schimbarea este preconizata sa se intample odata cu lansarea versiunii 62 al popularului browser de internet Chrome.

Pe scurt, daca website-ul tau nu are certificat SSL (nu foloseste protocolul HTTPS) ai mari sanse ca site-ul tau sa apara in browser ca ‘Not Secure’, adica nesigur. Si cum statisticile arata ca browserul Chrome este folosit deja de aproape 64% dintre internauti pe calculatoare (septembrie 2017 conform statcounter.com), impactul acestei schimbari va fi unul major.

Pentru a evita neplacerea de a vedea astfel de mesaje de atentionare in browser, asigurati-va ca aveti un certificat SSL valid cumparat si instalat pe serverul care gazduieste siteul web si in acelasi timp, verificati site-ul cap-coada pentru a fi sigur ca nu vor exista imagini, fisiere CSS, JS sau alte resurse, incarcate prin protocolul nesigur HTTP. Acest fapt poate duce de asemenea la generarea de atentionari, chiar daca aveti un certificat SSL valid pe site. Browserele nu agreeaza continutul amestecat, de elemente sigure impreuna cu altele nesigure, pe aceeasi pagina.

Este de ajuns un singur astfel de element nesigur pentru a face ca intreaga pagina sa fie etichetata ca nesigura.

Sfat:

Pentru a gasi repede resursa incarcata prin HTTP in cazul unei asemenea probleme, incercati una dintre metodele:

1. dati click dreapta undeva pe pagina (undeva in background, fara a avea cursorul pe un element de continut) si alegeti View Source din meniul contextual. Daca aveti interfata in limba Romana, optiunea va fi probabil Vezi Sursa, in functie de browserul folosit. In pagina incarcata, continand codul HTML al paginii web, cautati cu CTRL-F (sau Command-F pe Mac), sirul de caractere http: Daca exista mai multe astfel de aparitii, parcurgeti toate aparitiile pentru a vedea unde sunt aceste resurse. (Nota: linkurile care folosesc http nu sunt generatoare de warning, pentru ca ele doar trimit vizitatorul pe o pagina, nu incarca vreo resursa. Urmariti in special tag-uri <img>, <link href=… sau <script src= )

2. In mod similar, daca folositi click dreapta pe pagina si alegeti Inspect din meniul contextual, in tab-ul Network, se poate vedea lista cu toate resursele incarcate in respectiva pagina. Plimband mouse-ul peste fiecare resursa, se va vedea calea intreaga de unde se incarca resursa, incluzand protocolul http sau https. (Nota: dupa deschiderea tab-ului Network, este nevoie de un Page refresh pentru a reincarca resursele si a vedea aceasta lista).

De asemenea, este important sa faceti redirectari pentru traficul care ajunge pe site in modul HTTP sa fie incarcat numai prin HTTPS. Puteti face acest lucru prin mai multe metode, in functie de felul in care este realizat siteul (din cod PHP, editand fisierul de configurare .htaccess, editand setarile din backend in cazul siteurilor web bazate pe WordPress, etc).

Problemele nu se opresc aici, site-urile web nesecurizate prin certificat SSL vor fi penalizate si in cautarile organice, aceasta fiind un bun motiv in plus pentru rezolvarea acestei probleme cat de repede se poate.

Daca aveti nevoie de ajutor, apelati cu incredere, va ajutam noi! Contactati-ne accesand linkul Contact Manifest Media si va securizam siteul. Putem sa va ajutam atat cu intermedierea achizitionarii certificatului SSL la un pret foarte bun, cat si cu toate modificarile necesare in codul HTML al website-ului pentru a asigura vizitatorilor o experienta lipsita de orice griji.

Cateva sfaturi pentru incarcarea rapida a paginii site-ului web

Speed matters! Simtim asta din plin cand navigam pe net. Cu totii ne aducem aminte de momente in care ne-am pierdut rabdarea si nu am mai asteptat ca o pagina sa se incarce in intregime, abandonand vizita, trecand la urmatorul rezultat al motorului de cautare. Problema abandonului din cauza vitezei prea mici de incarcare, este o problema reala cu care se confrunta toti detinatorii de site-uri preocupati de imbunatatirea continua a calitatii experientei vizitatorilor online. In acest articol voi incerca sa dau unele sfaturi pentru incarcarea rapida a paginii site-ului web, adresandu-ma in primul rand amatorilor sau incepatorilor in domeniu.

Exista pe net, disponibile tuturor care cauta date exacte, o multime de studii, grafice, rapoarte care dovedesc importanta vitezei de incarcare. Nu voi insista in acest articol pe astfel de date, insa este bine de stiut faptul ca rata abandonului vizitei in cazul unui site „greoi” este foarte mare. Fiecare secunda smulsa in plus conteaza enorm, poate face diferenta intre un vizitator care ramane sa citeasca continutul paginii si un vizitator care apasa butonul „back” mergand mai departe in alte locuri.

Cum pot sa evaluez viteza de incarcare a site-ului meu?

Ai la dispozitie mai multe variante. Cea mai la indemana, ar fi testarea directa, in browser. Eu personal, sunt un fan Firefox (da, stiu ca este un memory hog, problema nerezolvata de foooarte multa vreme, dar totusi, puterea obisnuintei e mare). Folosesc extensia Firebug, disponibila gratuit, care ofera o sumedenie de unelte indispensabile cand lucrezi pe site-uri web. Iubitorii de Chrome, au o functie similara, parte integranta a browserului, functia „Inspect”. La fel si IE are ceva asemanator, dar din pacate pentru Microsoft, au cam pierdut batalia browserelor, nu stiu cine mai foloseste IE, alegand constient acest browser.

Odata deschisa unealta „Firebug”, exista tab-ul „Net”, care arata un timeline al incarcarii tuturor resurselor folosite de site. Daca dai un refresh pe pagina, vei vedea lista tututor acestor resurse, fiecare cat timp dureaza pana se incarca, precum si timpul total al incarcarii paginii.

Sfat: Pentru a nu lasa cache-ul browserului sa afecteze evaluarea, stergeti intreg cache-ul inainte de reincarcarea paginii, sau folositi Ctrl-F5 pentru a forta reincarcarea tuturor resurselor. Daca unele resurse sunt incarcate din cache, timpul total va fi mult mai mic, dar irelevant pentru a evalua experienta unui vizitator nou.

Optimizare Site Web - incarcarea rapida a paginii

O alta varianta la dispozitie, ar fi folosirea de unelte online, precum Pingdom Speed Test. Acesta permite testarea vitezei de incarcare din mai multe locatii de pe glob, oferind informatii detaliate asupra resurselor incarcate, un scor general dar si o pozitionare relativa fata de toate paginile testate de ei.

O altfel de evaluare, care insa nu ne spune nimic despre pagina in sine, ne spune doar cat de repede raspunde serverul unui pachet de date, este comanda „ping”. Se deschide o fereastra de comanda (pentru utilizatorii de Windows, se scrie cmd intr-o fereastra de „Run”) si se tasteaza:

ping domeniul-de-testat.ro -t [Enter]

si se urmareasc timpii de raspuns. Acestia trebuie sa fie cat mai mici si constanti, fara fluctuatii prea mari sau erori de time-out. Evident, „domeniul-de-testat.ro” se inlocuieste cu numele domeniului de testat.

Este indicat sa se faca astfel de masuratori de mai multe ori, in momente diferite ale zilei. O masurare unica poate fi influentata de anumite probleme punctuale ale retelei, fiind nerelevanta pentru incarcarea rapida a paginii.

Cum aleg serverul care sa gazduiasca pagina?

Locatia serverului are o importanta deosebita (poate cea mai mare) pentru viteza de incarcare a paginii. De aceea, trebuie sa faceti alegerea in functie de localizarea publicului tinta. Daca siteul tau se adreseaza in principal clientilor din Romania, este recomandat sa se aleaga un server dintr-un datacenter din Romania (sau cel mult Europa, daca conexiunile sunt rapide). In niciun caz, nu se va opta pentru o gazduire in locatii foarte indepartate, de exemplu SUA, chiar daca sunt multi provideri acolo care ofera resurse practic nelimitate pentru bani foarte putini. Timpul de incarcare al paginii va fi grav afectat daca este o distanta mare intre server si client.

Cum pot optimiza site-ul web pentru incarcarea rapida a paginii?

Parcurgand lista de resurse, puteti foarte usor identifica daca sunt elemente care au un timp mult mai mare de incarcare, ingreunand pagina. Puteti decide punctual, daca doriti sa pastrati elementul sau sa renuntati la acesta. In unele cazuri, se pot face optimizari pentru a reduce dimensiunea resursei. In cazul imaginilor, optimizarea se face de regula in detrimentul calitatii imaginii, deci trebuie gasit compromisul ideal intre dimensiune si calitate. O calitate mai buna va insemna si o resursa mai mare, mai greoaie de incarcat si invers.

In cazul resurselor text (fisiere CSS, JS) optimizarea este fara pierderi, fisierele se pot minimiza prin eliminarea comentariilor, spatiilor in plus, denumiri cu nume cat se poate de scurte, etc. Acest lucru nu influenteaza negativ aspectul sau functionarea siteului, insa ingreuneaza viitoare interventii asupra codului sursa, acesta fiind mai putin inteligibil. Puteti desigur sa va faceti un obicei in a lucra pe o versiune ‘full’, iar cand bucata pe care lucrati este gata, testata si aprobata, generati versiunea minimizata si o puneti pe server.

In cazul multor resurse uzuale „3rd party” incluse in site (de exemplu jQuery, bootstrap, teme CSS pentru UI, etc) exista posibilitatea incarcarii lor de pe CDN-uri, acestea fiind de regula mult mai rapide decat serverul propriu. Trebuie insa avuta putina atentie, mai ales atunci cand site-ul foloseste si un certificat SSL pentru transferul criptat al continutului. Deoarece incarcarea acestor resurse presupune folosirea unei caii absolute, daca folositi http://www…. in aceasta cale, puteti invalida securitatea paginii, browserul afisand un mesaj de atentionare. Pentru a evita acest lucru, se poate omite „http:” din calea respectiva, scriind doar calea incepand cu caracterele „//”.

Concluzii pentru incarcarea rapida a paginii

Incarcarea rapida a paginii este esentiala, poate fi elementul decisiv care va face diferenta intre succes si esec. O durata ideala nu ar trebui sa depaseasca cateva secunde (maxim 5, unii zic chiar 2). Daca continutul este de asa natura incat nu se poate ajunge nicicum la o astfel de valoare, trebuie cel putin avut grija ca partea de continut „above the fold”, adica partea vizibila fara a folosi bara de scroll, sa se incarce cat de repede, la inceput, urmand ca restul resurselor sa se incarce ulterior.

Noi, la Manifest Media Cluj-Napoca, acordam o atentie deosebita optimizarii site-urilor web, incarcarea rapida a paginii fiind un ingredient esential pentru o experienta cat mai placuta a vizitatorilor.