Com accelerar el vostre lloc de WordPress amb CDN77

Al nostre article anterior, exploràvem els avantatges de tenir un servei CDN amb WordPress i per què els CDN són una de les millors maneres d’accelerar WordPress moltes vegades abans al bloc. . Hem observat quant augmenta el rendiment si els visitants queden molt lluny del vostre servidor d’amfitrió. Esperem que això va despertar el vostre interès perquè a l’article d’avui farem una guia pas a pas sobre com crear un recurs CDN a CDN77 i com ajustar-lo adequadament. Després d’això, instal·larem un conjunt específic de plugins a WordPress i comprovarem si tot funciona bé.


El primer pas de la nostra guia serà crear un compte CDN77. En cas que encara no teniu cap compte, CDN77 ofereix una prova gratuïta de 14 dies. El registre només dura uns minuts. Aleshores, realment crearem un recurs de CDN fent clic a Crea un nou recurs de CDN (a la pestanya CDN). A l’efecte d’aquest article, implementarem un CDN en un bloc de pel·lícules que es troba allotjat en un centre de dades de Las Vegas..

cdn77-amb-wordpress-03

Com que implementarem una solució HTTPS completa, utilitzarem el nou “HTTPS” a CDN77. Aquesta opció assegura la transferència de dades del servidor host al servidor CDN.

Si el vostre lloc funciona en mode SSL, haureu de crear només un recurs SSL a CDN77. En cas contrari, arrisqueu errors de contingut mixt. Aquest tipus d’errors es produeixen quan el navegador s’executa en un mode SSL i de sobte intenta carregar un recurs mitjançant una sol·licitud HTTP insegura.

cdn77-amb-wordpress-04

Com configurar un SSL a CDN77

Podem configurar un certificat SSL gratuït de dues maneres. Podem utilitzar un certificat SSL compartit per a un subdomini a xxx.c.cdn77.org o podem utilitzar el nostre propi CNAME (vegeu la imatge anterior). En general, recomanem utilitzar un CNAME com cdn.yoursite.com.

Si aneu a favor de la solució compartida CDN77, no cal fer més passos perquè el subdomini SSL funcioni correctament.

En aquest cas, configurarem un CNAME. Això vol dir que el contingut del nostre lloc web serà accessible a través de HTTPS a l’instant si substituïm el lloc per cdn.ourdomain. Amb CDN77, l’obtenció d’un SSL és qüestió de pocs clics.

Aconsegueix-ho !

Un cop creat el recurs, el primer que cal veure és el menú Altra configuració. Si utilitzeu HTTPS, és absolutament obligatori mantenir HTTP / 2 habilitat. La millora de la velocitat entre HTTP / 1.x normal i HTTP / 2 és enorme. CDN77 funcionarà en mode HTTP / 2 al recurs HTTPS per defecte, reduint el temps a la meitat.

Si aneu via HTTPS, també heu de fer una redirecció 301 per complir amb els estàndards de google per a HTTPS, activeu la redirecció HTTPS..

Per obtenir un rendiment òptim, activeu ignorar tot a les cadenes de consulta ignora. A menys que el vostre lloc publiqui contingut carregat dinàmicament que cal actualitzar cada hora, podeu allunyar-vos de les cadenes de consulta i ignorar-ho tot, augmentarà enormement el rendiment de la memòria cau i del lloc..

CDN77 també ofereix l’opció de caducitat de caché. En cas que carregueu moltes imatges, heu de configurar la configuració més alta possible, que és de 12 dies.

En aquesta guia, considerarem la velocitat en primer lloc. Per tant, CDN només ens proporcionarà el contingut estàtic d’imatge, la resta es carregarà des del servidor d’origen.

Per què no utilitzar CDN per a Javascript i CSS, sou nous?

Recordeu en el nostre article anterior, parlàvem de com pot variar el rendiment CDN quan el contingut no està disponible al node sol·licitat de la xarxa CDN. Doncs bé, si el fitxer encara no emmagatzemat en memòria cau passa a ser un fitxer CSS, el temps de càrrega augmentarà i pot afectar negativament el rendiment. Això pot afectar la velocitat del rendiment del vostre lloc molt més que si decidiu no servir CSS amb CDN.

Els fitxers CSS i Javascript són vitals per carregar llocs web a qualsevol navegador i no haurien de ser objecte d’un mecanisme de caché com el dels serveis CDN. Tot i que, podeu crear un recurs estàtic al CDN per bolcar aquests fitxers importants. Aquesta és una tècnica més avançada que requerirà ajustar el teu WordPress a un nivell més enllà de l’abast d’aquest tutorial.

Un cop tot correctament ajustat, podem procedir a la pestanya del menú de centres de dades.

cdn77-amb-wordpress-07

CDN77 proporciona una forma convenient per habilitar / desactivar cada node de la seva xarxa. La qüestió és seleccionar acuradament quins nodes són els més utilitzats. Això és fàcil de descobrir, només cal seguir els seus lectors.

Una vegada que sàpigues quins nodes necessiteu, se us aconsella desactivar tots els nodes prescindibles. Hi ha una explicació senzilla per a això: com més nodes tinguis a la xarxa, més temps trigaràs a actualitzar-los tots, per tant, la seva actuació pot patir. Com a regla general, quan reduïu el nombre de nodes, també augmentareu el rendiment de la memòria cau. Tria sàviament.

Quan proven per primera vegada el rendiment del vostre lloc, purga i prefet podria ser útil. El procés de purga eliminarà un contingut específic a la xarxa CDN, però serà útil si canvieu el contingut i necessiteu actualitzar la memòria cau per actualitzar-lo. La preparació prèvia farà el contrari, forçant un contingut específic a la memòria cau CDN.

cdn77-amb-wordpress-10

Un cop tingui tot configurat, podeu indicar el vostre CNAME al vostre propi domini. Per fer-ho, heu de crear una regla al vostre registrador o al vostre tauler d’allotjament a la secció DNS i dirigiu el cdn.yourdomain.com a CNAME xxx.rsc.cdn77.org tal com es mostra a la imatge, això us instruirà el DNS. per redirigir tot el trànsit del vostre subdomini al lloc real que ha de ser. No us preocupeu, no afectarà el rendiment. A més, també serveix per mostrar als lectors que esteu utilitzant un cdn.yourdomain.com que sembla fantasiós.

Si preferiu fer servir l’adreça cdn77.org, no haureu de fer res, només cal que utilitzeu aquesta adreça per substituir el contingut de WordPress..

Costat de WordPress

Al costat de WordPress, hem d’afegir un complement perquè funcioni correctament. Utilitzarem el programa Activador CDN, un complement gratuït. El motiu per utilitzar aquest complement és senzill: la majoria de plugins CDN no permetran aquest control granular sobre les carpetes que envieu al CDN. Aquest complement ho fa i és molt important per al nostre cas, ja que no volem incloure cap fitxer Javascript ni CSS, sinó les imatges que es pengen.

cdn77-amb-wordpress-14

Un cop instal·lat, podeu trobar el connector aquí mateix …

cdn77-amb-wordpress-15

Anem a ajustar-ho !

cdn77-amb-wordpress-16

Recordeu quan parlem de personalització? Aquí teniu el fet més important sobre com configurar correctament un CDN a WordPress. La gran majoria dels plugins CDN us diran que inclogueu un directori perquè el CDN “repliqui” i normalment us diran que inclogueu contingut wp. Està bé per a una configuració general, però no és bo per al vostre rendiment, ja que la carpeta de contingut wp s’omple amb una altra carpeta molt sensible, la carpeta de plugins i temes, incloses tones de fitxers Javascript i CSS. És possible que perdreu el rendiment quan no us queden en memòria cau tal com us hem comentat anteriorment.

Llavors, com solucionar això? Simplement incloem la carpeta wp-content / uploads. Una solució tan senzilla!

Sorprenent que sigui, la gran majoria de plugins que gestionen CDNs no us permetran fer-ho. Incloure únicament aquesta subcarpeta us indicarà el vostre CDN a la vostra carpeta de càrrega, és a dir, només a les vostres imatges.

cdn77-amb-wordpress-17

Una simple actualització del lloc permetrà al CDN obtenir-ne el contingut. En aquest exemple, vam obrir una pestanya per a desenvolupadors de Firefox (F12) i vam cercar la primera imatge. Podeu veure clar que l’enllaç es va substituir i que ara es carrega directament des del CDN en lloc del nostre servidor d’amfitrió!

Abans i Després

Anem a veure com ha resultat tot això !

A la pantalla de l’esquerra, podem veure el temps que triga a carregar el lloc des de Suècia (que està molt lluny del nostre servidor d’amfitrions a Las Vegas, recordeu?) A la pantalla de la dreta, podem veure que el rendiment va augmentar, el temps va ser gairebé tallat per la meitat! Tots els fitxers essencials encara es carreguen des del nostre servidor de Las Vegas, però els fitxers de gran càrrega, com les imatges es carreguen des del node a Suècia.

Embalatge

Amb sort, heu après una forma potent d’implementar un CDN al vostre lloc de WordPress. Algunes tècniques no són intrusives, com ara els fitxers CSS i Javascript que són essencials per a la velocitat de càrrega del lloc. Ara podeu aprofitar tots els avantatges d’un CDN i, al mateix temps, minimitzar els seus inconvenients. Esperem que deixeu la prova gratuïta de CDN i feu servir els consells d’aquest article per veure si podeu agilitzar el vostre lloc de WordPress. Esperem que us hagi agradat l’article! Com és habitual, deixeu qualsevol dubte o dubte als comentaris a continuació.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map