Η ιστοσελίδα της Hostico έχει ανασχεδιαστεί!

Πώς άρχισε

Πριν από 6 μήνες, όταν αρχίσαμε να σκεφτόμαστε την επανασχεδίαση της ιστοσελίδας Hostico, αποφασίσαμε να συζητήσουμε με μερικούς από τους πελάτες μας και να επαναξιολογήσουμε όλα τα σχόλια που λάβαμε προσπαθώντας να εντοπίσουμε τι είναι σημαντικό για εσάς και να βελτιώσουμε αυτές τις πτυχές.

Καθοριστικοί παράγοντες

Μετά αυτή τη διαδικασία επιβεβαιώσαμε ότι η τεχνική υποστήριξη, η διαθεσιμότητα των υπηρεσιών, η ταχύτητα των εφαρμογών και ο χρόνος απόκρισης είναι οι κύριοι παράγοντες για τους οποίους επιλεχθήκαμε ως πάροχος υπηρεσιών διαδικτύου.
Πραγματοποιήσαμε μια γενική μέση αξία με βάση 167 'κριτικές' που προήλθαν από εσάς, από τις οποίες προέκυψε η παρακάτω βαθμολογία:

• Συνολική Βαθμολογία: 9.748 στα 10
• Τεχνική Υποστήριξη: 9.838 από 10
• Διαθεσιμότητα: 9.724 από 10
• Χρόνος Απόκρισης: 9.766 στα 10
• Απόδοση: 9.664 από 10
  
  

Έλεγχος Υλικού

Όλοι οι λογαριασμοί φιλοξενούνται σε server rackmount 1U ή 2U, με δύο επεξεργαστές Intel Xeon Nehalem ή Westmere (x16-x24 πυρήνες/thresholds), συγκεντρώνοντας έως ~70.000MHz για έναν μόνο server. Μνήμη μεταξύ 16 και 128GB, EEC DDR III, 1333-1600MHz. Συνδεσιμότητα 2GB/s, προστασία DDoS μέσω ArborNet 8GB/s και ένα κέντρο δεδομένων με συνδεσιμότητα 15GB/s.

Μοναδικό μηχανικό στοιχείο που υπήρχε στους servers ήταν οι πίνακες RAID 10 μέσω HDD SATA III ή SAS. Αν και η διάταξη RAID 1+0 (4xHDD/Server) προσφέρει πλεονασμό (η πληροφορία γράφεται ταυτόχρονα σε πολλαπλούς HDD, γεγονός που καθιστά αδύνατη την απώλεια δεδομένων σε περίπτωση βλάβης) και ταχύτητα (η ανάγνωση και η εγγραφή των δεδομένων γίνεται ταυτόχρονα σε πολλαπλούς HDD), εντοπίσαμε σε ορισμένες περιπτώσεις καθυστερήσεις λόγω μη βελτιστοποιημένων ερωτημάτων MySql σε βάσεις δεδομένων με μεγάλες διαστάσεις.

Λύση

Ως λύση για αυτό το πρόβλημα αποφασίσαμε να προσθέσουμε ένα επιπλέον Array RAID SSD (Solid-State Drive) αφιερωμένο στις βάσεις δεδομένων MySql σε όλους τους διακομιστές φιλοξενίας ιστού. Οι επιδράσεις ήταν σύμφωνα με τις προσδοκίες, η ταχύτητα επεξεργασίας των πληροφοριών αυξήθηκε σημαντικά και εξαλείφθηκαν οι καθυστερήσεις που προκλήθηκαν από τις μη βελτιστοποιημένες ερωτήσεις.

Λογισμικό Ελέγχου

Αρχικά διάλεξα το suPHP ως 'handler' PHP για λόγους ασφαλείας και γιατί προσφέρει τη δυνατότητα σε κάθε πελάτη να έχει προσωπικές οδηγίες PHP. Ήμασταν ενήμεροι, τη στιγμή της εφαρμογής, ότι ο χρόνος απόκρισης και η κατανάλωση πόρων που προκαλεί το suPHP σε σύγκριση με το FastCGI είναι πολύ πιο υψηλή.

Λύση

Η λύση για να μειωθεί ο χρόνος απόκρισης για το PHP, ήταν να γράψουμε μια εφαρμογή που να προσθέτει αυτόματα για κάθε λογαριασμό που δημιουργείται ένα ιδιωτικό αρχείο εντολών PHP, έτσι ώστε να μας δίνει τη δυνατότητα να κάνουμε μετάβαση στο FastCGI, ταυτόχρονα μειώνοντας τον χρόνο απόκρισης των ιστοσελίδων. Επίσης, ενεργοποιήσαμε το eAccelerator (βελτιωτής και επιταχυντής PHP) στο νέο Array RAID SSD. Τα αποτελέσματα ήταν εντυπωσιακά, ο χρόνος επεξεργασίας των συνδέσεων HTTPD και η απόκριση των ιστοσελίδων μειώθηκε αισθητά.

Γιατί 'Flat Design

Επέλεξα το 'flat design' γιατί εκτιμούμε την φιλική αισθητική και την ελαφρώς επιβεβλημένη απλότητα της έννοιας, την απλότητα που αναγκάζει την ανάδειξη της πληροφορίας ανάλογα με τη σημασία της, χωρίς να απαιτείται η υπερβολή των στοιχείων για να ξεχωρίσουν.

Η Διαδικασία Επανασχεδίασης

Η αναδιάρθρωση έγινε πλήρως 'in-house' και διήρκησε περίπου 3 μήνες, κατά τη διάρκεια των οποίων περάσαμε από πολλές σχεδιαστικές προτάσεις. Το αποτέλεσμα είναι:

• 10.442 γραμμές κώδικα CSS
• 4.761 γραμμές κώδικα PHP/HTML
• 1.371 γραμμές κώδικα JQuery
• 229 εικόνες και φωτογραφίες
  
  

Αποφασίσαμε από την αρχή να εγκαταλείψουμε πλήρως την υπάρχουσα ιστοσελίδα και τις εφαρμογές και να ξεκινήσουμε από ένα λευκό φύλλο. Αυτό μας επέτρεψε να σχεδιάσουμε μια σύγχρονη και ευέλικτη ιστοσελίδα, βελτιστοποιημένη για κινητές συσκευές και κοινές πλοηγήσεις.

Τι ακολουθεί

Η ιστοσελίδα έχει σχεδιαστεί πλήρως με βάση μεταβλητές, γεγονός που μας επιτρέπει να προσθέσουμε υποστήριξη για πολλές γλώσσες και διαφορετικά θέματα στο μέλλον. Θέλουμε επίσης να ξαναγράψουμε πλήρως τη 'Βάση Γνώσεων' και να προσθέσουμε μια ενότητα προτάσεων αφιερωμένη στους πελάτες της Hostico.

Θα θέλαμε να ευχαριστήσουμε τους πελάτες μας για την παρεχόμενη ανατροφοδότηση και για το ότι είναι μαζί μας!