Free Press

Olemme aiemmin puhuneet siitä, miten WordPress pärjää muille suosituille sisällönhallintajärjestelmille, kuten Drupalille, Joomlalle ja jopa Squarespacelle. Mutta entä jos yrität päättää WordPressin ja staattisen HTML:n väliltä sivustollesi?

Pohjimmiltaan kyse on eräänlaisesta yleisestä väittelystä sen välillä, käytetäänkö tietokantapohjaista sisällönhallintajärjestelmää (kuten WordPressiä) vai kirjoitetaanko kaikki HTML/CSS itse sekä käytetäänkö mahdollisesti jotain kehystä.

Voidaksemme auttaa sinua päätöksen tekemisessä selitämme, mitä näillä termeillä tarkoitetaan, ja sitten käymme läpi kummankin lähestymistavan edut ja haitat.

• Ero WordPressin ja staattisen HTML:n välillä
• WordPressin hyvät ja huonot puolet
• Hyötyjä ja haittoja staattisesta HTML-verkkosivustosta
• Käytä WordPressiä staattisen verkkosivuston generaattorina

Ero WordPressin ja staattisen HTML:n välillä

Loppupeleissä kaikki on HTML:n muotoa etusivulla. Toisin sanoen sivustosi koodi näyttää jotakuinkin tältä riippumatta siitä, käytätkö WordPressiä vai staattista HTML-verkkosivustoa:

Valitsitpa minkä menetelmän tahansa, koodisi näyttää silti tältä

Tärkeä ero on siinä, miten tuo HTML syntyy.

Staattisella HTML:llä tuo tarina on melko yksinkertainen. Sinä tai kehittäjäsi kirjoitat koodin (sisältäen sisällön). Sitten kun se on palvelimella, se on aina samanlainen. Mitään taustakäsittelyä ei tapahdu – sivustosi on aina siellä valmiissa muodossaan.

WordPress taas on sisällönhallintajärjestelmä, joka käyttää PHP:tä ja tietokantaa. Yksinkertaistettuna se tarkoittaa, että kun joku vierailee WordPress-sivustollasi, palvelimesi ”kokoaa” sivustosi seuraavasti:

• Suorittamalla PHP-koodia sivustosi HTML-version kokoamiseksi
• Kyselemällä tietokannastasi sisällön, jonka voit lisätä tuohon HTML:ään

Mikä on sitten sisällönhallintajärjestelmä?

Kerroimme edellä, että WordPress on sisällönhallintajärjestelmä, mutta emme oikein selittäneet, mitä se tarkoittaa. Sisällönhallintajärjestelmä, josta käytetään usein lyhennettä CMS, on ohjelmisto, jonka avulla voit luoda, hallita ja muokata verkkosivuston sisältöä ilman, että sinun tarvitsee olla suoraan vuorovaikutuksessa koodin kanssa.

Et esimerkiksi tarvitse lisätä sisältöä manuaalisesti muotoilemalla sitä HTML:llä, kuten staattisen HTML-sivuston tapauksessa, vaan voit vain syöttää sisällön WordPress-editorin avulla, ja WordPress huolehtii sen näyttämisestä sivustollasi:

WordPress-editorin käyttöliittymä

Vastaavasti, jos haluat joskus myöhemmin muokata kyseistä sisältöä, voit vain mennä sisään ja muokata sitä samalla editorilla sen sijaan, että sinun tarvitsisi muokata suoraan staattista HTML-tiedostoa palvelimellasi.

WordPressin hyvät ja huonot puolet

Keskustelemme hetken kuluttua staattisen HTML-sivuston hyviä ja huonoja puolia, mutta aloitetaanpa joistakin syistä, joiden vuoksi yli 39,5 % koko internetistä käyttää nykyään WordPressiä.

Koodivapaa sisällönhallinta

WordPressin suurin etu on se, että sen avulla voit poistaa koodin lähes kokonaan verkkosivustosi päivittäisestä hallinnasta. Sen sijaan suurin osa haluamistasi toimista voidaan suorittaa graafisen käyttöliittymän avulla.

Tämän graafisen käyttöliittymän avulla voit:

• Luo uutta sisältöä
• Muuttaa sivustosi ulkoasua
• Muuttaa sivustosi toimintoja
• Konfiguroida tärkeitä SEO-asetuksia
• Toteuttaa runsaasti muita tärkeitä toimintoja

Jollet elä ja hengitä HTML/CSS:n parissa (ja luultavasti silloinkin, kun elät HTML/CSS:n parissa (ja luultavasti jopa silloin, kun elät ja hengität HTML/CSS:n parissa), tämä toimintatapa helpottaa sivustosi kaikkien osa-alueiden hallitsemista huomattavasti.

Muutat helposti sivustosi ulkoasua

Jokainen WordPress-sivusto tarvitsee jotain, jota kutsutaan teemaksi. Teemasi määrittää, miltä sivustosi näyttää frontendissä. Kun asennat uuden WordPress-teeman, napsautat periaatteessa painiketta tai lataat yhden tiedoston, ja sivustosi omaksuu välittömästi kyseisen muotoilun:

Miten lisäät uuden WordPress-teeman

Toisaalta staattisen HTML-sivuston kanssa hallitset sivustosi ulkoasua oman CSS:n avulla. Sen lisäksi, että tämä on aikaa vievää alun perin, se on yhtä aikaa vievää, jos haluat joskus radikaalisti muuttaa staattisen HTML-sivustosi ulkonäköä tulevaisuudessa. Kyllä, on olemassa CSS-kehyksiä, joita voit käyttää nopeuttamaan tätä prosessia, mutta se vaatii silti enemmän työtä ja asiantuntemusta.

Tiedämme tämän omakohtaisesti, koska suurin osa Kinstan verkkosivustosta on luotu kunnon Github-kommitoinneilla (ehdotettu lukeminen: git vs. Github). Kyllä, käytämme WordPress-teemaa ja -kehystä, ja koodimme on kääritty WordPress-funktioihin, mutta suurin osa siitä, mitä näet sivustollamme, on tiimimme luomaa. Tämä voi joskus mahdollistaa suuremman joustavuuden, mutta se edellyttää myös, että meillä on kehittäjiä henkilökunnassa. Jos haluat säästää aikaa eikä sinulla ole kokopäiväisiä kehittäjiä, valmiiseen WordPress-teemaan siirtyminen voi nopeuttaa työnkulkuasi huomattavasti.

WordPress-teema

Lisäksi sinun on huolehdittava siitä, että kaikki CSS:si on responsiivista (AKA näyttää hyvältä mobiililaitteissa), kun taas lähes jokainen WordPress-teema on nykyään oletuksena responsiivinen.

Helppo lisätä uusia toiminnallisuuksia

WordPress tarjoaa myös niin sanottuja lisäosia, joiden avulla voit helposti laajentaa sivustosi toiminnallisuutta. Haluatko lisätä sivustoosi yhteydenottolomakkeen? Staattisen HTML:n kanssa sinun on huolehdittava validoinnista ja siitä, mitä käyttäjän lähettämille tiedoille tapahtuu. WordPressissä asennat vain lisäosan…

Miten lisäät uuden WordPress-lisäosan

Vaikeusero kasvaa entisestään, kun toiminnot kasvavat. Haluatko lisätä sivustollesi foorumin? Onnea sen tekemiseen yksin. Mutta WordPressin avulla sinun tarvitsee vain asentaa foorumilaajennus.

Voit jopa nopeasti lisätä verkkokauppa- tai sosiaalisten verkostojen toimintoja.

Nopea kehitys ja muutokset

Teemojen ja laajennusten yhdistelmä yhdessä WordPressin yleisen toiminnallisuuden kanssa sisällönhallintajärjestelmänä tarkoittavat sitä, että monimutkaisiakin sivustoja voi pyöräyttää nopeasti.

Static HTML voi olla nopea hyvin yksinkertaiselle sivustolle, jossa on vain muutama sivu… mutta jos tarvitset jotain epätyypillistä toiminnallisuutta, WordPressin avulla voit lähes varmasti rakentaa sivuston nopeammin.

Haluatko lisää etuja? Tutustu näihin 10 hyvään syyhyn, miksi sinun pitäisi käyttää WordPressiä.

Onko WordPressin käyttämisessä jotain haittapuolia?

Jotkut ihmiset sanovat esimerkiksi, että ”staattiset HTML-sivustot latautuvat nopeammin” tai että ”staattiset HTML-sivustot sijoittuvat paremmin Googlessa”. Mutta osaan näistä pitäisi suhtautua varauksella. Vaikka on totta, että PHP ja tietokanta tuovat lisää latausaikaa ja viiveitä, ei ole kovin vaikeaa saada WordPressin latausaikoja alle sekunnin – mikä on varsin nopeaa.

Sinun pitäisi kysyä itseltäsi, onko hieman nopeampi staattinen sivusto sen arvoinen, että kannattaa luopua WordPressin tarjoamista eduista? Myös PHP:n suorituskyky on parantunut huomattavasti viimeisten viiden vuoden aikana. Äskettäisissä PHP-vertailutesteissämme totesimme, että PHP 7.3 pystyy käsittelemään 3 kertaa niin monta pyyntöä (transaktiota) sekunnissa kuin PHP 5.6:n. 🚀

WordPress 5.0 PHP-vertailuarvot

On myös tapoja, joilla voit helposti mitätöidä PHP:n ja tietokannan viiveet käyttämällä välimuistitallennusta sivujen staattisten HTML-versioiden tarjoamiseen. Tämä tarkoittaa, että jokainen sivulataus voi periaatteessa latautua salamannopeasti, aivan kuten staattisella HTML-sivustolla.

Miten paljon välimuistitallennus vaikuttaa WordPress-sivustoon? Tässä on nopea testi WordPress-blogissa ennen ja jälkeen välimuistitallennuksen.

Ilman välimuistia

Suoritimme ensin testin, jossa WordPress-blogin välimuistitallennus oli poistettu käytöstä.

WordPress-sivusto ilman välimuistia (Pingdomin testi)

Kuten huomaatte, ensimmäiseen HTML- DOC:n latautumiseen liittyy huomattava viive. Tämä johtuu siitä, että se ei palvele palvelimen välimuistista.

Välimuistiviiveellä

Välimuistiviiveellä

Testasimme sen jälkeen, että välimuisti oli otettu käyttöön WordPress-blogissa. Mitään muuta ei muutettu.

WordPress-sivusto välimuistin kanssa (Pingdomin testi)

Kuten näet, parannus on valtava. Itse asiassa pelkkä aloitussivun tarjoaminen palvelimen välimuistista lyhensi latausaikaa 32,2 %.

Välimuistilla

Kinsta hoitaa automaattisesti välimuistitiedostojen tallentamisen palvelintasolla kaikille WordPress-hostausasiakkaille. Tämä tarkoittaa, että sinun ei tarvitse vaivautua kolmannen osapuolen välimuistitallennusliitännäisten kanssa.

Kun on kyse ranking-huhuista, joita saatat kuulla, on olemassa loistavia WordPressin SEO-liitännäisiä, joiden avulla voit optimoida WordPressin SEO:ta kontrolloimalla sivustosi teknisen ja sivun sisäisen SEO:n jokaista osa-aluetta. Jos WordPress-sivustot todella suoriutuisivat hakusanoissa huonommin kuin staattiset HTML-sivustot, et näkisi sitä käytettävän The Wirecutterin tai TechCrunchin kaltaisilla massiivisilla alustoilla.

Tässä on kuitenkin muutama pieni haittapuoli, joista ensimmäinen on ylläpito. Vaikka valitsemalla laadukkaan hallinnoidun WordPress-hostingin voit poistaa suuren osan pahimmasta ylläpidosta, olet silti vastuussa siitä, että WordPressin ydinohjelmisto, liitännäiset ja teemat ovat päivitettyjä ja yhteensopivia. Tämä on nykyään melko helppoa, mutta se on jotain, mitä sinun ei tarvitse tehdä staattisen HTML-sivuston kanssa.

Toinen haittapuoli lienee laatu. WordPressin äärimmäisen suuren suosion vuoksi markkinoilla on paljon huonoja liitännäisiä ja teemoja. Ja ilmaiset ratkaisut joskus vain putoavat kokonaan pois kartalta. Huonojen läpi lajitteleminen hyvien löytämiseksi voi olla aikaa vievää.

Staattisen HTML-verkkosivuston hyvät ja huonot puolet

Olet kuullut WordPressistä – mutta nyt kaivetaan esiin joitakin staattisen HTML-verkkosivuston hyviä ja huonoja puolia.

Ei ole taustalla olevaa ohjelmistoa ylläpidettävänä

Puhuimme tästä tavallaan hetki sitten, mutta kerrataan se tässä nopeasti uudelleen, koska se on yksi staattisen HTML:n suurimmista eduista.

Kun käytät WordPressiä ja teemoja/plugineja, olet vastuussa kaiken taustalla olevan koodin päivittämisestä ja sen varmistamisesta, ettei yhteensopivuusongelmia ole. Vaikka tämä on melko yksinkertaista (yleensä sinun tarvitsee vain napsauttaa painiketta), se on kuitenkin asia, joka sinun on tehtävä, jotta verkkosivustosi pysyy turvallisena ja toimivana.

Toisaalta, jos olet kirjoittanut siistiä staattista HTML:ää, sinun pitäisi pystyä jättämään asiat aika pitkälti rauhaan eikä päivityksistä tarvitse huolehtia.

Helpompi pääsy taustalla olevaan koodiin

Vaikka WordPressin avulla pääset käsiksi kaikkeen sivustosi taustalla olevaan koodiin, staattisen HTML:n verkkosivusto tekee tietynlaisten merkintöjen syöttämisestä hieman yksinkertaisempaa. Sen sijaan, että joutuisit käsittelemään teeman mallitiedostoja ja WordPressin silmukkaa, kaikki on suoraan edessäsi.

Vaikka WordPressiin on olemassa schema-liitännäisiä, voit esimerkiksi hallita schema-merkintää helpommin staattisella HTML-verkkosivustolla.

Mitkä ovat staattisen HTML-verkkosivuston luomisen haitat?

Vaikka staattinen HTML-verkkosivusto on varmasti hyvä perusverkkosivustolle, suurimmat ongelmat syntyvät, kun yrität kasvattaa sitä joko sisällön määrän tai toiminnallisuuden suhteen.

Useimmat näistä haitoista ovat yksinkertaisesti WordPressin etujen vastakohtia. Nimittäin:

• Sisällön lisääminen tai muokkaaminen ei ole käyttäjäystävällistä, koska sinun on kaivettava koodia.
• Uuden toiminnallisuuden lisääminen edellyttää, että koodaat sen itse.
• Sivuston ulkoasun muuttaminen edellyttää CSS:n uudelleenkirjoittamista.

Lisäksi, ellet itse oikeasti hallitse HTML:ää/CSS:ää, kaikki nämä seikat vaativat myös maksun jollekin ohjelmistokehittäjälle kun taas WordPressin avulla saisit tehtyä ne suurimmaksi osaksi itse.

Käytä WordPressiä staattisena verkkosivugeneraattorina

Staattiset verkkosivugeneraattorit eroavat hieman kahdesta edellä mainitusta vaihtoehdosta, sillä ne ottavat sisällönhallintajärjestelmän, kuten WordPressin, sisällön, yhdistävät sen teemaan ja luovat staattisia HTML-sivuja. Jekyll on yksi suosituimmista, jonka avulla voit isännöidä koko verkkosivustosi tai blogisi GitHub-sivuille ja työntää uutta sisältöä yhdellä komennolla. Huonona puolena? Sen käyttöönotto ei ole helppoa (lievästi sanottuna), ja jopa kehittäjille se voi olla aikaa vievää.

Jos sinulla on vapaa iltapäivä aikaa oppia lisää Jekyllistä, tutustu tähän Mike Neumegenin artikkeliin. Vaihtoehtoisesti Gravin kaltainen litteän tiedoston CMS voi helpottaa sisällönhallintaa ja samalla välttää tietokannan tarvetta.

Jos olet teknisesti taitava, on jopa mahdollista saada molempien maailmojen parhaat puolet ja käyttää WordPressiä staattisen HTML-verkkosivuston generaattorina. Sinun on kuitenkin muistettava, että jos käytät WordPressiä tällä tavoin, joudut tekemään uhrauksia:

• Sivustollasi ei ole lainkaan ”reaaliaikaista” dynaamista sisältöä.
• Ei suositeltuja artikkeleita sinulle tai widgettejä, jotka muuttuvat jokaisen kävijän kohdalla.
• Et voi käyttää WordPressin sisäänrakennettua kommentointijärjestelmää.

Välttämättä kaikesta palvelinpuolella (PHP:llä) luodusta tulee staattista ja päivitetään manuaalisesti. Staattiset verkkosivugeneraattorit luovat täydellisen HTML-sivun sisältösi pohjalta, ja kun se on valmis, riippumatta siitä, kuinka monta ihmistä sivustollasi vierailee, sitä ei uudisteta; ei, ellet kirjoita tiettyä komentoa tietokoneellasi.

Suositeltava lukeminen:

Kehittäjät ratkaisevat kommentoinnin ”ongelman” joko jättämällä sen kokonaan käyttämättä tai siirtymällä JavaScript-pohjaisiin ratkaisuihin, joista suosituimpia ovat Disqus tai Facebook-kommentit.

On olemassa pari WordPressin välimuistiliitännäistä, joilla voit luoda staattisia HTML-tiedostoja viesteistäsi ja sivuistasi, mutta jos käytät Nginxiä verkkopalvelimena (jos et käytä, sinun pitäisi oikeasti käyttää, mutta se on toisen artikkelin aihe), voit vain kääntää koko sivun välimuistitiedoston kytkimen päälle ja asettaa sen vanhenemaan päivän tai viikon kuluttua. Mitä pidempi aika sinulla on ”varaa” asettaa se, sitä parempi.

Seuraavaksi palvelin luo ensimmäiselle kävijälle täydelliset, välimuistiin tallennetut HTML-tiedostot, ja kaikille peräkkäisille kävijöille, jotka saapuvat ennalta määritellyn vanhentumisajan kuluessa, tarjoillaan nämä tiedostot. Täällä Kinstassa palvelimemme käyttävät nginx fastcgi cache module sivujen välimuistiin tallentamiseen. Miten se asetetaan, kysyt? No jos hallinnoit omia palvelimiasi, tässä on DigitalOceanin erittäin yksityiskohtainen opas, jota voit seurata.

Jos olet Kinstan asiakas, tämä on automaattinen jokaiselle WordPress-sivustolle, ja välimuisti vanhenee oletuksena tunnin välein. Voit kuitenkin avata tiketin tukitiimillemme MyKinsta-kojelaudassasi ja pyytää pidempää välimuistin kestoa. Varmista vain, että ymmärrät täysin sen seuraukset.

Cloudflare Full Page Cache

Voit myös hyödyntää Cloudflaren sivusääntöjä WordPressin kanssa ja palvella koko sivustosi välimuistista. Annamme tässä kaikki yksityiskohdat siitä, miten voit määrittää Cloudflare-välimuistin WordPressin viesteille ja sivuille.

Tämä voi olla erittäin hyödyllistä sivustoille, jotka ovat käynnistämässä tapahtumaa tai odottavat valtavaa liikennevyöryä. Muista kuitenkin, että jos palvelet kokonaan välimuistista, törmäät todennäköisesti ongelmiin WooCommercen kassan, WordPressin hallintatyökalurivin ja muiden erilaisten asioiden kanssa, jotka sinun on joko korjattava tai löydettävä kiertoteitä.

Suositeltu lukeminen: How to Set up Cloudflare APO for WordPress.

We Provide the Best of Both Worlds

Me emme yleensä suosittele koko sivuston tarjoamista välimuistista, ellei sinulla ole aikaa testata kaikkea kunnolla. Esimerkiksi WooCommercen kohdalla: voit tallentaa välimuistiin ”staattisen” etusivun, kategoriat, tuotesivut (jos et vaihda niitä liian usein) ja sitten kyllä, se latautuu lähes välittömästi! Mutta heti kun joku klikkaa ”Lisää ostoskoriin”, sinun on vaihdettava ei-välimuistiin tallennettuun versioon, muuten hän näkee ostoskorin aina tyhjänä.

Täällä Kinstalla meillä on palvelintason säännöt käytössä verkkokaupparatkaisuille ja blogeille, jotta voimme varmistaa, että se, mitä pitäisi välimuistiin tallentaa, on, ja mitä ei pitäisi, ei ole.

Muutamia esimerkkejä ovat tietyt WooCommercen ja EDD:n sivut, kuten ostoskorin, my-accountin ja kassan kaltaiset sivut, jotka on suljettu välimuistiin tallentamisen ulkopuolelle. Ja käyttäjät ohittavat välimuistin automaattisesti, kun woocommerce_items_in_cart-eväste tai edd_items_in_cart-eväste havaitaan, jotta varmistetaan sujuva ja synkronoitu kassaprosessi.

Tämä tarjoaa sinulle nopeasti latautuvan WordPress-sivuston, mutta ilman, että sinun tarvitsee huolehtia asioiden rikkoutumisesta.

Välimuisti-komponenttipino

Etkö halua isännöidä koko sivustoasi Kinstalla, mutta haluat hyödyntää dynaamisia toimintoja WordPress-blogissasi? Kannattaa harkita sivustosi lataamista käänteisen välityspalvelimen kautta. Tuemme tämäntyyppisiä asetuksia.

WordPress vai staattinen?

Ja nyt miljoonan dollarin kysymys… Jos rakennat vain pientä verkkosivustoa, joka tuskin muuttuu tai vaatii uutta sisältöä, staattinen HTML on hyvä lähestymistapa. Mutta kaikkeen muuhun WordPress on lähes varmasti parempi valinta. Tämä pätee erityisesti, jos sinulla ei ole mahdollisuutta käyttää kehittäjää.

Sen helppokäyttöisyys yhdistettynä sen laajennettavuuteen ovat tärkeimmät syyt siihen, miksi se toimii nyt yli 39,5 prosentissa kaikista Internetin verkkosivustoista. Nyt sinun vuorosi – rakentaisitko koskaan sivustoa staattisella HTML:llä WordPressin sijaan? Vai oletko valinnut staattisen verkkosivugeneraattorin reitin?