Progressive Enhancement

• 13 Νοεμβρίου 2012
• by: Georgios
• in: Web Development

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

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

Η ιδέα πίσω από το progressive enhancement είναι πως αντί να τρωγόμαστε με τα ρούχα μας για τις λειτουργίες που κάποιοι web browsers έχουν ενώ κάποιοι άλλοι δεν τις έχουν, τις αποδεχόμαστε και κάνουμε τι δουλειά μας με βάση αυτούς τους περιορισμούς.

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

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

Για παράδειγμα, όταν ανοίγετε τη σελίδα “Slate” με το κινητό σας, θα δείτε πως ενώ μπορείτε να δείτε όλα τα άρθρα κανονικά, δεν βλέπετε διαφημίσεις, slideshow και άλλα περιττά πράγματα.

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

Ο άλλος σημαντικός λόγος είναι πως το κινητό σας είναι ακόμα μικρής ισχύς και δεν μπορεί να επεξεργαστεί τόσο εύκολα τις ίδιες πληροφορίες που επεξεργάζεται ο υπολογιστής σας.