Skip to content

Πώς αυξήσαμε τις επιδόσεις με έναν νέο ιστότοπο Kentico Xperience MVC

Kentico blog

 

Το άρθρο δημοσιεύτηκε αρχικά στο Kentico.com

Η Kentico Xperience δεν ντρέπεται να αγκαλιάσει την αρχιτεκτονική Model-view-controller (MVC). Και αυτό γιατί πρόκειται για μια κίνηση που βοηθάει τους συνεργάτες και τους πελάτες να υλοποιούν έργα πιο γρήγορα και πιο εύκολα από ποτέ. 

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


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


Αλλά μην πιστεύετε μόνο τα λόγια μας.


Ο επικεφαλής ανάπτυξης της Discover Digital, Gold Partner της Kentico, Tony Barnett, γνωρίζει τη σημασία της παροχής εξαιρετικών λύσεων όσο το δυνατόν πιο γρήγορα και χωρίς σφάλματα.

ΗDiscover Digital αγκαλιάζει το MVC

Ο Tony και η ομάδα του πρόσφατα μετέφεραν τον μακροχρόνιο πελάτη Adventist Risk Management®, Inc. (ARM) από το Kentico EMS 11 (που ήταν χτισμένο σε Portal Engine χρησιμοποιώντας ASP.NET WebForms) στο Kentico EMS 12, χρησιμοποιώντας την προσέγγιση ανάπτυξης MVC.


Η ARM, επίσημη εταιρεία ασφάλισης και διαχείρισης κινδύνων για την Εκκλησία των Αντβεντιστών της Έβδομης Ημέρας και τις διακονίες σε όλο τον κόσμο, συμφώνησε να αναβαθμίσει στην τελευταία έκδοση της Kentico για να βελτιώσει την απόδοση του ιστοτόπου και να εξασφαλίσει συνεχή υποστήριξη.


"Ένα από τα πράγματα που έκαναν αυτό το έργο μοναδικό ήταν ότι ο πελάτης ήθελε να διατηρήσει τη λειτουργικότητα, το περιεχόμενο και το σχεδιασμό πανομοιότυπα. Ήθελε απλώς να επικεντρωθεί στην αναβάθμιση της έκδοσης του Kentico και στη βελτίωση των επιδόσεων."


Έτσι, ένα μεγάλο μέρος της διαδικασίας (και μια σημαντική πρόκληση) ήταν ο εντοπισμός όλων των βασικών χαρακτηριστικών και λειτουργιών, καθώς και όλων των βασικών ενοποιήσεων που είχαν αναπτυχθεί στο Kentico EMS 11 το 2017, καθώς και εκείνων που είχαν αναπτυχθεί οργανικά (και τακτικά) από τότε.


Η Discover Digital αποφάσισε να αντιγράψει όλους τους τύπους σελίδων εντός του Portal Engine σε MVC χρησιμοποιώντας τους τυπικούς τύπους σελίδων του Kentico. Λόγω του μεγέθους του νέου ιστότοπου, η ομάδα αξιοποίησε το βοηθητικό πρόγραμμα εισαγωγής του Kentico για να μεταφέρει τα δεδομένα και χρησιμοποίησε όσο το δυνατόν περισσότερα από τα παλιά CSS και JavaScript.


Δεν υπάρχει αμφιβολία ότι η Discover Digital προτιμά να εργάζεται με το MVC περισσότερο από το Portal Engine.


"Με το Portal Engine, ορισμένες από τις διαδικασίες ανάπτυξης -ιδιαίτερα με τις μακροεντολές της Kentico- μπορεί να είναι λίγο αδιαφανείς- δεν είστε ακριβώς σίγουροι για το τι συμβαίνει και μπορεί να είναι δύσκολο να κάνετε αποσφαλμάτωση. Αλλά αυτό δεν ισχύει πλέον. Όταν χρησιμοποιείτε αρχιτεκτονική τύπου MVC, μπορείτε εύκολα να δείτε τι ακριβώς συμβαίνει εκεί και να κάνετε αποσφαλμάτωση, επιταχύνοντας τον κύκλο ζωής της ανάπτυξης για την πτυχή."

Η MVC διευκολύνει τις μεταφράσεις και το πολύγλωσσο περιεχόμενο

Ένα βασικό χαρακτηριστικό του ιστότοπου ήταν ότι έπρεπε να είναι συγκεκριμένος για κάθε περιοχή, εμφανίζοντας διαφορετικό περιεχόμενο για διαφορετικές περιοχές, ενώ κάθε περιοχή είχε το δικό της microsite με το δικό της υποσύνολο γλωσσών. Κάποιο περιεχόμενο, όπως η αρχική σελίδα, έπρεπε να μεταφραστεί σε όλες τις γλώσσες-κάνοντας ένα από τα μεγαλύτερα καθήκοντα να δείχνει το σωστό περιεχόμενο στους σωστούς ανθρώπους.


Είναι περιττό να πούμε ότι η ενσωμάτωση με το translations.com ήταν ένα ευπρόσδεκτο χαρακτηριστικό. Για να χειριστούν τον τεράστιο όγκο των μεταφράσεων, μπόρεσαν να αντιστοιχίσουν κάθε κουλτούρα του πραγματικού κόσμου σε μια κουλτούρα Kentico και κάθε μια από τις περιφερειακές γλώσσες αντιπροσωπεύεται από μια κουλτούρα.


"Έτσι, το τμήμα της Βόρειας Αμερικής, δηλαδή η αγγλική έκδοση, αντιπροσωπεύεται από το en-us, και αυτό είναι ανεξάρτητο από το ποια κουλτούρα εξετάζετε στο τμήμα της Βόρειας Αμερικής. Χρησιμοποιήσαμε το δοχείο Unity IOC για να εισάγουμε ουσιαστικά όλες τις πληροφορίες για την κουλτούρα σε όλους τους διάφορους ελεγκτές."


Ένα από τα σημαντικά πλεονεκτήματα που απολάμβανε η ομάδα σε σχέση με τις Web Forms, ήταν ότι δεν χρειαζόταν να διατρέξει τον κύκλο ζωής ολόκληρης της σελίδας για να εξυπηρετήσει ένα αίτημα API. 


"Αρχικά, όταν επιλέγατε μια χώρα με τον επιλογέα χώρας, έπρεπε να εκτελεστεί ένας κύκλος ζωής ολόκληρης της σελίδας για να καταλάβουμε ότι η σελίδα έχει κατασκευαστεί, προκειμένου να επιστρέψει τη λίστα των γλωσσών που ήταν διαθέσιμες για τη συγκεκριμένη χώρα. Αλλά με το MVC, μπορείτε να το εξυπηρετήσετε αυτό ως API: λαμβάνετε το αίτημα, κάνετε τη λογική που απαιτείται για να αποφασίσετε ποιες είναι αυτές οι γλώσσες, δημιουργείτε ένα μοντέλο γι' αυτό και το εξυπηρετείτε!"

 

Adventist Risk management

Ο διαχωρισμός των ανησυχιών φέρνει μεγαλύτερο έλεγχο με το MVC

Η Discover Digital διαπίστωσε ότι το MVC είχε έναν καθαρότερο διαχωρισμό μεταξύ της υλοποίησης του frontend και του backend.


"Οι προγραμματιστές του frontend έχουν μεγαλύτερο έλεγχο όσον αφορά τον τρόπο απόδοσης του frontend. Μπορούν πραγματικά να ελέγχουν αυτή τη διάταξη και να χρησιμοποιούν όποια στοιχεία ή πλαίσια θέλουν με πολύ μεγαλύτερη ευελιξία σε σύγκριση με το Portal Engine, το οποίο μπορεί να είναι αρκετά περιοριστικό από την άποψη της ανάπτυξης frontend."


Επιπλέον, διαπίστωσαν ότι ο κώδικας frontend που παράγεται από το MVC (καθώς και ο κώδικας που πηγαίνει σε αυτό) είναι πολύ πιο καθαρός και ελαφρύς.

Σύγκριση των επιδόσεων της Portal Engine και της MVC

Ο δικτυακός τόπος ARM παρέμεινε φιλοξενούμενος σε εικονική μηχανή Azure και η βάση δεδομένων σε βάση δεδομένων Azure SQL.
Για να μετρηθεί η επιτυχία, η απόδοση του διακομιστή μετρήθηκε τρεις φορές: πριν την ανακατασκευή, μετά την αναβάθμιση του διακομιστή και μετά την ανακατασκευή.


Κατά τη διάρκεια της κατασκευής, η Discover Digital χρησιμοποίησε μια καθαρά MVC προσέγγιση και χρησιμοποίησε εργαλεία όπως το Google PageSpeed Insights για να εντοπίσει τα σημεία συμφόρησης της απόδοσης τόσο στην πλευρά του διακομιστή όσο και στο frontend. Επιπλέον, η Discover Digital διερευνούσε τακτικά την τεκμηρίωση της Kentico και χρησιμοποιούσε συχνά την υποστήριξη της Kentico, την οποία θεωρεί "απίστευτα πρόθυμη να βοηθήσει και πολύ ευέλικτη."

 

AdventistRiskServersidePerformance


Τα συνδυασμένα αποτελέσματα από την υιοθέτηση του Kentico, την προσέγγιση MVC και την ενημέρωση του διακομιστή είναι εντυπωσιακά. Μετά την ανακατασκευή, ορισμένα στοιχεία φορτώνουν πλέον 3,6 φορές ταχύτερα κατά μέσο όρο σε σύγκριση με τον παλιό ιστότοπο.


Επιπλέον, από την έναρξη λειτουργίας του νέου ιστότοπου, η ARM έχει μεγαλύτερη επισκεψιμότητα. Οι προβολές σελίδων αυξήθηκαν κατά 265%, από 3.676 προβολές σε 13.413 προβολές. Η Discover Digital είναι στην ευχάριστη θέση να διαπιστώσει ότι, ακόμη και με την αύξηση της επισκεψιμότητας, εξακολουθεί να επωφελείται από τη βελτιωμένη απόδοση.  

MVC vs Portal Engine: Η ετυμηγορία  

Ενώ η κατασκευή του παλιού ιστότοπου είχε διαρκέσει έξι μήνες, αυτή η νέα κατασκευή MVC διήρκεσε μόλις τρεις μήνες, και αυτό περιλαμβάνει πολλές δοκιμές!


Ο Tony και η ομάδα της Discover Digital θεωρούν ότι η μετάβαση στο MVC ήταν η σωστή για την Kentico χάρη στον τρόπο με τον οποίο η πλατφόρμα ωριμάζει, αγκαλιάζει τις τρέχουσες τεχνολογίες και κρατάει τους προγραμματιστές απασχολημένους και τους πελάτες ευχαριστημένους.


"Η χρήση του MVC όχι μόνο μειώνει τον χρόνο υλοποίησης, αλλά είναι πολύ πιο σχετική κατά την πρόσληψη προγραμματιστών, επειδή δεν υπάρχουν πολλοί προγραμματιστές που βγαίνουν από το Πανεπιστήμιο και είναι εκπαιδευμένοι στη χρήση Web Forms, αλλά υπάρχουν πολλοί που είναι χαρούμενοι και πρόθυμοι να χρησιμοποιήσουν το πλαίσιο MVC."


Η ομάδα είναι ευχαριστημένη με τα αποτελέσματα και ανυπομονεί η μετάβαση από Portal Engine σε MVC να γίνει ακόμη πιο εύκολη και να δει φιλικότερη δρομολόγηση URL και αυτόματες μεταφράσεις να λειτουργούν με τον page builder σε μελλοντικές εκδόσεις του Kentico.
Ερωτηθείς για τη συνολική εμπειρία του από τη χρήση του MVC, ο Tony δήλωσε:


"Πρόκειται πραγματικά για ένα είδος παγκόσμιας υλοποίησης, στο πλαίσιο της οποίας μια ενιαία ομάδα μάρκετινγκ μπορεί να δημιουργήσει περιεχόμενο σε οποιαδήποτε περιφερειακή γλώσσα προσαρμοσμένο για οποιοδήποτε σημείο του πλανήτη και να προωθήσει αυτό το περιεχόμενο πλήρως μεταφρασμένο και βελτιστοποιημένο για SEO."

Μάθετε περισσότερα για το πώς η MVC Kentico 12 μπορεί να ενισχύσει τις εξελίξεις σας με την Kentico 12.

Από Vaclav Kamenicek στο MVC