Keskustelu: Nettisivujen teko: Sivut nopeammiksi

Hei,

Ongelmana on, että sivuni (netti-tv.net) latautuvat suhteellisen hitaasti. Etusivu ei niinkään ole ongelmana, vaan itse ohjelma sivut (yle,katsomo,nelonen,jim,liv yms.)

Olen päivittänyt sivuni ulkoasua niin, että se sisältäisi vähemmän kuvia -> Nopeampi latautumaan. Mutta hitaimmilla nettiyhteyksillä ohjelmien latautuminen voi kestää jopa 20 sekunttia, joka varmasti karsii käyttäjiä.

Ongelmana ovat ohjelmien kuvat, joiden hakeminen hidastaa tuhottomasti sivujen latautumista:
http://gtmetrix.com/compare/EkBoFTpO/VuY8EgdX <- Vertailuna /yle ja /etusivu
http://gtmetrix.com/reports/netti-tv.net/VuY8EgdX <- Erikseeen /etusivu
http://gtmetrix.com/reports/netti-tv.net/EkBoFTpO <- /yle

Olen noudattanut näitä ohjeita:
https://developers.google.com/speed/pagespeed/insights#url=http_3A_2F_2Fnetti-tv.net_2F&mobile=false
Mutta tulokset ovat olleet melko mitättömiä.

Tällä hetkellä palveluntarjoajani on suncomet, ja olen alkanut miettimään että onko tässä nyt pakko vaihtaa palveluntarjoajaa nopeampaan? Vai onko muita keinoja saada sivut latautumaan nopeammin? Olen kuitenkin ollut tyytyväinen muuten suncometin toimintaan...

Joitain taustatietoja miten sivut toimivat:
1) Sivu hakee (Simple Pien avulla) ohjelmien rss syötteistä haluamani tiedot
2) Tallentaa saadut tiedot tietokantaan
3) Tulostaa tiedot sivuilleni
^ En nyt tiedä tekeekö näillä tiedoilla mitään, mutta kerroin nyt kuitenkin...

Kiitos jo näin etukäteen teille, jotka viitsitte auttaa tässä "ongelmassa".

Mitä nää luulet SunCometilla olevan vaikutusta sivujen latautumisnopeuteen, jos ongelmana on tv-ohjelmien esittelykuvat, jotka tulevat esimerkiksi Ylen ja Maikkarin sivustoilta; ilmeisesti noiden rss-syötteiden mukaan?

Yksi päivänselvä ongelmahan tuossa on se, että laitat selaimen lataamaan kaikkien välilehtien kuvat samalla kertaa heti sivun latautuessa. Tämä on ihan typerää. Voit estää turhien välilehtien kuvien latailun (luullakseni) ihan sillä, että piilotat välilehdet alkuunsa css:llä. Tai viimeistäänkin lataamalla välilehtien sisällön ajaxilla sitä mukaa, kun käyttäjä tabeilla surffailee. Tällöin säilytät toimivuuden myös niille nirppailijoille, jotka eivät javascriptiä halua käyttää.

Kiitos vastauksestasi, täytyy perehtyä tuohon välilehtien latautumiseen paremmin.

Onko muita asioita, joiden avulla sivua saisi nopeammin latautumaan? Onko esimerkiksi mysql parempi paikka tallentaa ohjelmien tiedot? (tällä hetkellä simple pie tallentaa .php tiedostoon ohjelmien tiedot.)

Kiitos vielä vastauksestasi.

Sivun latautumisessa on kaksi täysin erillistä asiaa: sivun luonti PHP:llä ja sisällön siirto selaimelle. Sivun luontiin voit vaikuttaa muuttamalla koodia, tietokantaa ynnä muuta. Sivun siirtoon voit vaikuttaa paremmalla verkkoyhteydellä, lähempänä sijaitsevalla palvelimella, kuvien sijoittelulla (nopea palvelin vs. hidas palvelin) ja tietyillä välimuistiin liittyvillä HTTP-otsikoilla, joilla estetään samana pysyvän sisällön turha lataaminen moneen kertaan. Ennen kuin yrität optimoida, selvitä, missä on vika.

Sivun luonnin nopeutta voit helposti tutkia niin, että otat skriptin alussa aikaleiman talteen ja lasket koodin lopussa kuluneen ajan. Uudet PHP:n versiot tietävät alkuajan automaattisesti.

<?php
// PHP-koodin alkuun, jos PHP on vanhempi kuin 5.4:
if (empty($_SERVER["REQUEST_TIME_FLOAT"])) {
	$_SERVER["REQUEST_TIME_FLOAT"] = microtime(true);
}

// Sivun loppuun:
echo "<p>t = ", (microtime(true) - $_SERVER["REQUEST_TIME_FLOAT"]), " s.</p>\n";

Latausnopeutta voit katsoa selaimen kehityskonsolin verkkovälilehdeltä (developer console, network). Ainakin Chromium-selaimessa on valmiina konsoli, josta näkee aikajanana eri tiedostojen latautumisen.

Firefoxissakin on sellainen.