webtrends

Δευτέρα, 10 Μαρτίου 2014 00:42

discovergreece.com: Απ' έξω....κούκλα!

Όταν άνοιξα την ιστοσελίδα www.discovergreece.com ενθουσιάστηκα. Σχεδιαστικά το site είναι πάρα πολύ καλό! Φρέσκο, χρωματικά και συνθετικά αρμονικό, προσεγμένες γραμματοσειρές, ποιοτικές φωτογραφίες και βίντεο. Εύκολη πρόσβαση στα κοινωνικά δίκτυα και μερικές έξυπνες υπηρεσίες, για να αναζητήσει κάποιος ξενοδοχείο η αεροπορικά εισιτήρια ή να δει μερικές προτεινόμενες εκδηλώσεις, συναυλίες και εκθέσεις.

Τι άλλο θα μπορούσε να ζητήσει κανείς; Μυρίζει Ελλάδα!

Αν κάποιος μείνει σε αυτή την αρχική εικόνα, η αλήθεια είναι ότι δεν θα μπορέσει να πει και πολλά. Είναι όμορφο και πουλάει καλά την Χώρα μας. Δεν θα έμπαινα στην διαδικασία να κάνω ανάλυση και review για ένα site αν δεν ήταν τόσο σημαντικό, δεν έχω κάνει εξάλλου ποτέ κάτι παρόμοιο για οποιοδήποτε άλλο site.

Αν κατάλαβα καλά, αυτό το site θεωρείται η επικοινωνιακή ναυαρχίδα του Ελληνικού τουρισμού για το 2014, οπότε το πράγμα αλλάζει και λέω να το κάνω. Είναι και λίγο χρέος μου. Αυτό εδώ το site είναι ένα πάρα πολύ καλό παράδειγμα για το πώς μπορεί κάτι που δείχνει ωραίο και άρτιο, τελικά να μην είναι. Νομίζω ότι θα έχει ενδιαφέρον να δείτε πόσα πράγματα υπάρχουν που δεν φαίνονται και είναι εξίσου (ή και περισσότερο) σημαντικά.

Τα θετικά του είναι πάρα πολλά και αναλύθηκαν στην πρώτη παράγραφο. Πάμε να δούμε τις αδυναμίες του. Αδυναμίες, που να μην γελιόμαστε, υπάρχουν σε χιλιάδες site, απλά προσωπικά ήλπιζα σε ένα τέτοιο έργο να μην υπάρχουν. Τι το ειδικό έχει αυτό το έργο; Το ανέλαβε μια μή κερδοσκοπικού χαρακτήρα εταιρεία που φτιάχτηκε πέρσι, με πρωταρχικό στόχο την αποτελεσματική προβολή του ελληνικού τουριστικού προϊόντος (πολύ ωραία ιδέα παρεμπιπτόντως).

Περί ταχύτητας και Server (Hosting)

Με αυτό δεν θα έπρεπε να παίζει κανείς όταν είναι άνετος στον προϋπολογισμό του. Πολύ συχνά μένει απ' έξω ή είναι το τελευταίο στην εξίσωση. Όπως θα διπιστώσετε είναι όμως εξαιρετικά σημαντικό.

Σύμφωνα λοιπόν με δωρεάν και εύκολα προσβάσιμα εργαλεία έκανα μια σειρά από τεστ:

  1. Ας δούμε πρώτα τα DNS settings από το http://dnscheck.pingdom.com/?domain=discovergreece.com

    Δεν περίμενα να βρω κάτι στραβό σε αυτό, αλλά να που βρήκα.

    “The name server failed to answer queries sent over TCP. This is probably due to the name server not correctly set up or due to misconfgured filtering in a firewall. It is a rather common misconception that DNS does not need TCP unless they provide zone transfers - perhaps the name server administrator is not aware that TCP usually is a requirement.”

    Ούπς!

  2. Το http://tools.pingdom.com/fpt/#!/bpSVUN/discovergreece.com λέει το εξής φοβερό.
    Για να σηκωθεί η κεντρική σελίδα γίνονται 198 requests, η σελίδα ζυγίζει 12.6ΜΒ και για να φορτώσει χρειάζονται απο 6 εως και 10 δευτερόλεπτα την στιγμή που έκανα τις δοκιμές μου. Για να καταλάβουν και οι λιγότερο μυημένοι, η σελίδα ζητάει 198 φορές πράγματα απο τον Server προκειμένου να “ζωγραφιστεί” στην οθόνη του χρήστη, αριθμός πραγματικά μεγάλος για μια σελίδα. Ο δε χρόνος όπως και το μέγεθος ειναι αφύσικα μεγάλα. Επειδή μου φάνηκε λίγο υπερβολικό όλο αυτό, είπα να δοκιμάσω και άλλες υπηρεσίες.
  3. Το http://gtmetrix.com/reports/discovergreece.com/1bbNvGA7 λέει τα εξής με βασικό τίτλο “Your page generation time is slow”
    Page load time: 8.90s, Total page size: 12.0MB, Total number of requests: 193. Άρα πάνω κάτω συμφωνεί με το προηγούμενο τεστ.
  4. Τέλος το τεστ της Google, που όπως καταλαβαίνετε έχει μια ιδιαίτερη βαρύτητα, δεν ρίχνει απλά ένα χαστούκι προειδοποίησης, αλλά γροθιά στα μούτρα. http://developers.google.com/speed/pagespeed/insights/?url=discovergreece.com

    Δίνει βαθμό 51/100 στα Desktop μηχανήματα και μόλις 34/100 στις κινητές συσκευές.

Γιατί μας νοιάζει η ταχύτητα; Μας νοιάζει πάρα πολύ για 2 λόγους. Ο πρώτος και βασικότερος είναι για την εμπειρία του ίδιου του χρήστη, το UX ( User Experience) όπως λέγεται. Οι ειδικοί λένε ότι αν μια σελίδα κάνει 3 δευτερόλεπτα να φορτώσει (δείτε ένα παλαιότερο έγγραφο της Akamai που αναφέρει για 2 δευτερόλεπτα εν έτη 2009 http://uk.akamai.com/html/about/press/releases/2009/press_091409.html )  είναι στα όρια του να την αφήσει ο χρήστης και να πάει για άλλα. Η κεντρική μας σελίδα φορτώνει στην καλύτερη στο διπλάσιο και βάλε. Πάει...πολύ σημαντική μερίδα των χρηστών μας λοιπόν.

Ένας άλλος λόγος είναι η ίδια η μηχανή της Google. Αξιολογεί αρνητικά τα site που είναι πάτος από απόδοση ταχύτητας (http://searchengineland.com/google-now-counts-site-speed-as-ranking-factor-39708 ) που σημαίνει πρακτικά ότι τα τοποθετεί χαμηλά στις αναζητήσεις της. Για το συγκεκριμένο site αυτό, μπορεί να μην είναι και τόσο σημαντικό, κυρίως γιατί θα έχει εκατοντάδες “υψηλόβαθμά” back links (άλλα site που το συστήνουν), οπότε “μικρό” το κακό.

Επίσης σε ένα site σαν αυτό, είναι απαραίτητη η χρήση CDN δικτύου. Ένα τέτοιο δίκτυο στην ουσία κάνει ένα πράγμα. Δημιουργεί αντίγραφα του ιστοχώρου σε πολλαπλά σημεία στον πλανήτη και έτσι όταν κάποιος “ζητάει” την σελίδα από Αμερική, την “σερβίρει” ένας server (μηχάνημα) πολύ πιο κοντά στην Αμερική. Αυτό και μόνο αυξάνει δραματικά την ταχύτητα για όλους τους χρήστες όπου και αν βρίσκονται. Φαντάζεστε ότι κάτι τέτοιο είναι δαπανηρό; Κάθε άλλο. Υπάρχουν λύσεις που ξεκινούν από 20$ / μήνα! Αν ο προϋπολογισμός δεν είναι θέμα, υπάρχουν μια σειρά από λύσεις ( βλέπε Akamai) , που σε κάθε περίπτωση αξίζουν την προσοχή μας. Σύμφωνα με το Gtmetrix (3) η υπόθεση μου ότι δεν υπάρχει κάτι τέτοιο, επιβεβαιώνεται: “Looks like you might not be using a CDN”.

Κάνοντας ένα Traceroute στον Server, λαμβάνω το εξής:

traceroute to discovergreece.com (98.124.199.1), 30 hops max, 60 byte packets

1 dsldevice.lan (192.168.1.254) 4.058 ms 3.350 ms 2.927 ms

2 bbras-llu-kln-21L500.forthnet.gr (213.16.246.3) 43.320 ms 47.323 ms 48.779 ms

3 te0-5-0-0.distr-kln-01.forthnet.gr (194.219.199.77) 50.013 ms 51.164 ms 52.635 ms

4 core-kln-12Be2.forthnet.gr (213.16.247.13) 56.578 ms 57.805 ms 60.423 ms

5 xe-9-1-0.bar1.Sofia2.Level3.net (212.162.46.109) 77.689 ms 77.735 ms 78.954 ms

6 ae-17-17.ebr3.Frankfurt1.Level3.net (4.69.143.126) 285.581 ms 327.202 ms 329.257 ms

7 ae-73-73.csw2.Frankfurt1.Level3.net (4.69.163.6) 230.534 ms 279.411 ms 279.423 ms

8 ae-62-62.ebr2.Frankfurt1.Level3.net (4.69.140.17) 279.439 ms 279.607 ms ae-92-92.ebr2.Frankfurt1.Level3.net (4.69.140.29) 279.736 ms

9 ae-23-23.ebr2.London1.Level3.net (4.69.148.193) 279.833 ms ae-21-21.ebr2.London1.Level3.net (4.69.148.185) 280.740 ms ae-22-22.ebr2.London1.Level3.net (4.69.148.189) 280.849 ms

10 ae-41-41.ebr1.NewYork1.Level3.net (4.69.137.66) 280.923 ms ae-43-43.ebr1.NewYork1.Level3.net (4.69.137.74) 281.081 ms 281.145 ms

11 ae-91-91.csw4.NewYork1.Level3.net (4.69.134.78) 281.239 ms 281.795 ms 229.799 ms

12 ae-92-92.ebr2.NewYork1.Level3.net (4.69.148.45) 231.900 ms ae-82-82.ebr2.NewYork1.Level3.net (4.69.148.41) 233.592 ms 231.559 ms

13 ae-2-2.ebr1.SanJose1.Level3.net (4.69.135.185) 230.525 ms 231.507 ms 233.207 ms

14 ae-61-61.csw1.SanJose1.Level3.net (4.69.153.2) 234.787 ms ae-81-81.csw3.SanJose1.Level3.net (4.69.153.10) 230.294 ms 231.820 ms

15 ae-82-82.ebr2.SanJose1.Level3.net (4.69.153.25) 233.542 ms ae-62-62.ebr2.SanJose1.Level3.net (4.69.153.17) 234.534 ms ae-72-72.ebr2.SanJose1.Level3.net (4.69.153.21) 236.509 ms

16 ae-1-6.bar2.SanFrancisco1.Level3.net (4.69.140.153) 237.672 ms 238.380 ms 239.828 ms

17 DEMAND-MEDI.bar2.SanFrancisco1.Level3.net (4.53.134.86) 242.427 ms 244.137 ms 245.538 ms

18 * * *

19 * * *

Θεέ μου! Στην ουσία αυτό εδώ που βλέπετε είναι τα βήματα (σταθμοί) από τους οποίους περνάει το αίτημα σας κάθε φορά που ζητάτε την ιστοσελίδα αυτή. Πατάτε Enter και πάει και λαμβάνει την απάντηση αφού πάει πρώτα μέσω Φρανκφούρτης, Λονδίνου, Νέας Υόρκης, San Hose(!), San Francisco … και μετά δεν ξέρουμε. Πάντως ο Server που φιλοξενεί την ιστοσελίδα απ' ότι καταλαβαίνω είναι κάπου Αμερική. Είναι Αμερική και κάνει 8-12 δευτερόλεπτα απ' την Νέα Υόρκη ( Pingdom Test) για να δει κάποιος την ιστοσελίδα;

Πρέπει στα αλήθεια αυτό να φτιαχτεί. Και αν ο Server ως θέση, ως σκέψη η ως μηχάνημα είναι τόσο τσαπατσούλικος, ανησυχώ πάρα πολύ για το ενδεχόμενο Scalability της ιστοσελίδας. Δηλαδή τι θα γίνει αν πάει καλά και πρέπει να εξυπηρετήσει μερικά δεκάδες χιλιάδες request το λεπτό; Ας μην το σκέφτομαι. Πάντως αν όντως είστε της .net και χρησιμοποιείτε Windows Server για το Hosting σας, ίσως θα θέλατε να ρίξετε μια ματιά προς AZURE !

 

discover-greece-2

Mobile First (RWD) ?

Τα τελευταία 3 χρόνια μιλάμε για Responsive web design. Τι είναι αυτό πάλι, μπορεί να ρωτήσετε κάποιοι. Είναι μια τεχνική σχεδιασμού κατά την οποία η ιστοσελίδα αλλάζει μορφή (layout) ανάλογα με το μήκος της οθόνης της συσκευής θέασης. Αν είναι κινητό βλέπεις άλλα, αν έχεις Tablet άλλα κ.ο.κ. Όταν λέω “άλλα” δεν εννοώ απαραίτητα άλλη πληροφορία, αν και για πολλούς o σωστός responsive σχεδιασμός περιλαμβάνει μέχρι ενός σημείου και αυτό. Δηλαδή αν κάποιος συνδέεται από το κινητό του, θα ήταν καλό να έχει αμεσότερη πρόσβαση σε υπηρεσίες / στοιχεία της ιστοσελίδας που θα του είναι πιο χρήσιμα γιατί το πιθανότερο, είναι στον δρόμο. Μπορούν στα αλήθεια να γραφτούν δεκάδες σελίδες γι' αυτό το θέμα, όμως μια εικόνα νομίζω ότι την πήρατε. Ένα responsive design μπορεί να πάρει 2 έξτρα μέρες. Ένα σωστό Responsive design 2 έξτρα εβδομάδες ή και παραπάνω.

Πως πάει όμως το discovergreece.com ως προς αυτό; Λυπάμαι που το λέω και ακόμα περισσότερο που το διαπίστωσα, το site είναι τελείως ακατάλληλο για χρήση από κινητές συσκευές. Τα προβλήματα είναι τόσα πολλά που δεν υπάρχει λόγος  να τα αναλύσω, θεωρώ απλά ότι δεν προβλέφθηκε εξ αρχής κάτι τέτοιο. Η κατάσταση είναι εμφανώς βελτιωμένη σε Ipad ταμπλέτα. Αλλά και εκεί τα προβλήματα δεν είναι λίγα με βασικότερο τα ίδια τα μενού και η συμπεριφορά τους. (Πρέπει να έχεις δάχτυλο σαλαχιου για να πετύχεις τα υπο-μενού).

Είναι απαράδεκτο να αφήνεις απ' έξω τους mobile χρήστες εν έτη 2014. Αν αυτά τα στατιστικά δεν μπορούν να σας ταρακουνήσουν, τότε δεν ξέρω τι είναι αυτό που μπορεί.

http://www.smartinsights.com/wp-content/uploads/2011/04/2011-mobile-statistics-stats-facts-infographic-large.jpeg

Η εμπειρία από κινητό τηλέφωνο είναι τραγική. Εδώ που τα λέμε 12.5ΜΒ σελίδα με 3G τι να κάνει. Περίσσια υπομονή θα πρέπει όμως κάποιος να έχει και από WI-FI, με το τελικό αποτέλεσμα να είναι και μπάχαλο.

Θα προτιμούσα να βγαίνει ένα μήνυμα που να λέει “Δεν έχουμε ακόμα Mobile friendly site” από το να βλέπω αυτό.

Α.Μ.Ε.Α Φιλικότητα

Έχει πάρα πολλά πράγματα που μπορούν να γίνουν για να βελτιωθεί η εμπειρία των Α.Μ.Ε.Α. Για μια ακόμη φορά, κάτι τόσο μεγάλο, αφήνει σχεδόν απ' έξω 285.000.000 ανθρώπους που έχουν πρόβλημα με την όραση τους όπως λέει και εδώ http://www.who.int/mediacentre/factsheets/fs282/en/

Ειλικρινά δεν μπορώ να καταλάβω γιατί τους γυρνάτε την πλάτη. Δεν θα θέλατε αυτό το “χάρμα οφθαλμών” να...ακουγότανε;

Ο επίλογος

Το καλό είναι ότι όλα τα παραπάνω φτιάχνουν και μάλιστα κάποια από αυτά και εύκολα! Το ερώτημα είναι γιατί να είναι τόσα πολλά και τόσο σοβαρά τα τεχνικά προβλήματα και αυτό το site είναι στον αέρα. Ποιος βιαζόταν να το ανεβάσει; Η εταιρεία που το έφτιαξε; Ο οργανισμός που το έτρεξε; Το υπουργείο για να προλάβει την σεζόν; Η κυβέρνηση για τις δημοτικές εκλογές; Τί; Γιατί αδυνατώ να πιστέψω ότι συνάδελφοι επαγγελματίες, δεν γνώριζαν όλα τα παραπάνω και έτσι απλά PUSHαραν τα πάντα στον αέρα.

Έστω κι έτσι, ποτέ δεν είναι αργά για να γίνει αυτό που έπρεπε να γίνει εξ' αρχής.

Διαβάστηκε 2794 φορές

Lollypop :: Κατασκευή Ιστοσελίδων

Τσαμαδού 82-84 Πειραιάς, 18534

Τηλ 211 790 5890
Φαξ 211 770 5763

Χάρτης Lollypop