Δημιουργώντας μια αποτελεσματική στρατηγική για την εξέλιξη μιας ιστοσελίδας. Το χρόνιο πρόβλημα της συμβατότητας με παλιούς browsers

Post 2183 Photo

Το άρθρο μάλλον το γράφω για τον εαυτό μου. Ναι, το κάνω και αυτό. Ημερολόγιο είναι η σελίδα και όχι δημοσιογραφικό πόρταλ. Πόσο χρόνο και κώδικα ξοδεύεις για να κάνεις τη σελίδα 100% συμβατή με τον browser κάθε χρήστη;

Στη ζωή όλα είναι θέμα ισορροπίας. Αν ρίξεις το βάρος υπερβολικά στη μια πλευρά, υστερεί η άλλη.

Ας ξεκινήσουμε με το πρόβλημα.

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

Για παράδειγμα σε άλλες γλώσσες όπως η PHP που λατρεύω τέτοιο πρόβλημα δεν υπάρχει. Γνωρίζεις την έκδοση που έχεις στον Server σου και μπορείς να χρησιμοποιήσεις όλο το σετ εντολών της γλώσσας. Αν χρησιμοποιείς πρόσθετα είναι εύκολο με ένα PHPinfo να δεις ποια πρόσθετα έχει ο Server. Είτε μπει κάποιος με laptop του 1990 είτε με ένα που αγόρασε χθες ο Server θα του ρεντάρει τις ίδιες ακριβώς σελίδες. Ούτε για την Javascript δεν ισχύει αυτό. Εκτός και αν ρεντάρεται στο Server (node.js).

Εδώ αρχίζουν τα προβλήματα

Για παράδειγμα μια απλή λύση που εφαρμόζουν πολλοί είναι να αποφεύγουν νέες τεχνολογίες. Ιδίως άνθρωποι χωρίς πάθος για την τεχνολογία και όραμα δίνουν την εντολή στους προγραμματιστές να μην χρησιμοποιούν εντολές CSS που δεν υποστηρίζουν οι παλιοί περιηγητές. Υπάρχουν πολλές τεχνικές επιπλέον όπως τα @supports queries, prefixes κτλ. Ακόμα και αυτά έχουν θέματα όμως. Το @supports δεν το υποστηρίζουν όλοι οι περιηγητές και τα prefixes που απαιτούνται αλλάζουν.

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

Ένα καλό εργαλείο για να δεις για τι κοινό μιλάμε (με παλιούς περιηγητές) είναι το https://caniuse.com. Δείχνει για κάθε εντολή τι ποσοστό των χρηστών παγκοσμίως μπορεί να το δει σωστά.

Για παράδειγμα το CSS Grid με prefixes ή χωρίς το υποστηρίζει το 93.51% του πλανήτη. Άρα είναι σχετικά ασφαλές να το χρησιμοποιήσεις.

1601231440

Ο χρόνος δηλαδή που θα δαπανήσεις για να το κάνεις να λειτουργεί π.χ με Flexbox είναι για το 6,49% των επισκεπτών. Έλα όμως που και το Flexbox δεν λειτουργεί στο 100% των περιηγητών (95.64% για την ακρίβεια). Θα μου πεις πάνε στο 1990 και παίξε με floats και αρνητικά margins. Δεν πηδάω από το μπαλκόνι καλύτερα;

1601198292

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

Στη δική μου περίπτωση είμαι ένας άνθρωπος ο οποίος εκτός από την καθημερινότητά του εξελίσσει ένα CMS για την επόμενη δεκαετία. Είμαι και ο κύριος αρθρογράφος για δυο σελίδες.

Το πρόβλημα των σελίδων μου δεν είναι τόσο τεχνολογικό όσο το περιεχόμενο. Οπότε καλό είναι να επικεντρωθώ εκεί.

Χρησιμοποιώ το CSS Grid, WebP και άλλες σύγχρονες τεχνολογίες γνωρίζοντας ότι χάνω ένα μικρό μέρος του κοινού μου. Ανακάλυψα και κάτι ακόμα από τα στατιστικά μου. Τα πράγματα για στο ελληνικό κοινό είναι πολύ χειρότερα από αυτά που δείχνει το CanIuse. Η Ελλάδα τεχνολογικά δηλαδή χρησιμοποιεί χειρότερο εξοπλισμό και περιηγητές από το μέσο όρο του πλανήτη. Αν δηλαδή η χρήση Internet Explorer παγκοσμίως έχει πέσει στο 1% στην Ελλάδα είναι ακόμα στο 9-10%. Η μόνη εξήγηση που μπορώ να δώσω είναι η φτώχεια.

Μια υπόθεση εργασίας

Ας πούμε όμως ότι σε ενδιαφέρει το διεθνές κοινό. Στην περίπτωση αυτή οι αριθμοί του CanIuse ισχύουν μέσες-άκρες.

Για παράδειγμα αν χάσω το 5% ενός κοινού 100 ανθρώπων έχω 95 επισκέπτες. Αν ξοδέψω 100 εργατοώρες να κάνω τη σελίδα συμβατή με το 100% των περιηγητών (πράγμα αδύνατο) θα έχω πάλι ένα κοινό 100 ανθρώπων. Δεν θα έχω χάσει κανέναν. Τουλάχιστον λόγω ασυμβατότητας.

Αν ξοδέψω αυτές τις 100 εργατοώρες δημιουργώντας περιεχόμενο το κοινό μου θα αυξηθεί. Ιδίως σε μια σελίδα σαν τη δική μου που το πρόβλημα είναι το περιεχόμενο. Ας πούμε ότι αρχίζω και γράφω εξαιρετικά άρθρα και το κοινό μου αυξάνεται στους 500 επισκέπτες. Θα χάσω ένα 5% όπως είπαμε. Άρα στο τέλος θα έχω ένα κοινό 475 ανθρώπων. Αριθμός σημαντικά υψηλότερος του 100!

Αγαπώ την τεχνολογία. Θεωρώ ότι η ανθρωπότητα για να ζήσουμε εμείς και τα παιδιά μας καλύτερα πρέπει να χρησιμοποιήσει την τεχνολογία στο έπακρο και με επίκεντρο τον άνθρωπο. Τη βελτίωση της ζωής του. Δεν λύνονται προβλήματα του 2020 με ιδεολογίες και τεχνολογία του 1900. Δεν μπορείτε να φανταστείτε τι τεχνολογίες υπάρχουν στα συρτάρια που θα έκαναν την πλανήτη γη της επαγγελίας και δεν αφήνουν λόμπι και συμφέροντα να φτάσουν στον πολίτη.

Αυτό ακριβώς αποφάσισα να κάνω. Είδα και το http://shouldiprefix.com. Μια πολύ καλή σελίδα για το ποια prefixes να χρησιμοποιείς και ποια όχι. Αυτό αλλάζει συνεχώς. Οι πολίτες αναβαθμίζουν συνεχώς υπολογιστές, φορητούς, τάμπλετ και κινητά. Τα prefixes αυξάνουν στην περίπτωσή μου τα αρχεία CSS κατά 20%. Αυξάνοντας τη συμβατότητα κατά 2-3%. Προτιμώ πια να γράψω 20% περισσότερο κώδικα για το 95% και όχι το 5%.

Το άρθρο αυτό το έγραψα μετά από αρκετή έρευνα. Έλαβα υπόψη και το κοινό που έχω στη σελίδα.

1601197980

Η Ελλάδα αποτελεί πλέον τη μειοψηφία. Οι περισσότεροι επισκέπτες μου είναι από την Αμερική που έχει υψηλή συμβατότητα με νέες τεχνολογίες. Θα χάσω δηλαδή ένα 5-10% από ένα κοινό 25% στην περίπτωση που επικεντρωθώ σε νέες τεχνολογίες και καλό περιεχόμενο.

Αν η στρατηγική μου θα έχει αποτέλεσμα θα δείξει. Τουλάχιστον αυτή τη φορά ακολουθεί την κοινή λογική.

Μια όμορφη Κυριακή σας εύχομαι.

Δείτε περισσότερα..

Ήρθε το μη τριχωτό πληκτρολόγιο και γράφω πια με 10 δάχτυλα

Παλεύω εδώ και μήνες να παραλάβω ένα πληκτρολόγιο για να γράφω άρθρα στο iPad. Μετά από αρκετή ταλαιπωρία και δυσκολία στην εξεύρεση διαθέσιμου στοκ παρέλαβα το Logitech MX Mechanical Mini.

Χρειαζόμαστε ένα νέο λειτουργικό σύστημα για κινητά βασισμένο σε Unix

To Linux δεν είναι Unix. Μα θα μου πείτε τι είναι το Unix; Δεν το έχω ακούσει ποτέ και δεν το έχω χρησιμοποιήσει ποτέ. Αν είσαι κάτοχος iPhone ήδη χρησιμοποιείς Unix καθημερινά απλά δεν το ξέρεις!

Ήρθε το τριχωτό μου πληκτρολόγιο με κολπικά υγρά

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

Τι κοινό έχει το tomsnews με τον MKBHD; Το νέο μου πληκτρολόγιο

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

Ψάχνω ένα μικρό ασύρματο μηχανικό πληκτρολόγιο για να γράφω άρθρα στο iPad και δεν βρίσκω

Ζω ένα δράμα. Δεν φτάνει που έχω 9 δάχτυλα (βλ. προηγούμενο άρθρο) αλλά δεν βρίσκω και ένα ασύρματο μηχανικό πληκτρολόγιο να σας γράφω άρθρα με το iPad στον καναπέ.

Ηλεκτρικά αυτοκίνητα υπάρχουν από το 1900! Γιατί όμως δεν μπορούν να αντικαταστήσουν τους κινητήρες εσωτερικής καύσης;

O Jay Leno έκανε ένα βίντεο πριν 9 χρόνια για το «Bakers Electric Car» που έχει στη συλλογή του, κατασκευής του 1909! Πουλήθηκαν τότε 15.000 τεμάχια. Η ιδέα του ηλεκτρικού αυτοκινήτου υπάρχει στην πράξη εδώ και 120 χρόνια. Γιατί δεν λειτουργεί όμως;

Το tomsnews τώρα διαθέτει και Light Mode!

Το tomsnews σέβεται τους ανθρώπους με προβλήματα όρασης και χρήστες με παλιές οθόνες που δυστυχώς δεν μπορούν να απεικονίσουν καλά σελίδες σε Dark Mode.

Apple Safari: ο νέος Internet Explorer

Δεν προλάβαμε να χαρούμε τον ψόφο του Internet Explorer που πήγε το διαδίκτυο τουλάχιστον μια δεκαετία πίσω.. τώρα έχουμε νέο μπελά όταν γράφουμε κώδικα: το Safari.

Το κίνημα είχε απόλυτη επιτυχία. Η Βίκυ μας γράφει ξανά!

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

Το ξεφτέλισα λίγο στα animations και τα εφέ στη σελίδα. Ζητώ συγνώμη από τους φίλους αναγνώστες

Σήμερα είχε αρκετή ζέστη για Γερμανία. Οι ψύκτρες του κώλου που έχει το κατά τα άλλα καλό μηχάνημα που έχω στη δουλειά, τα βρήκαν σκούρα. Κάπως έτσι άρχισε να κάνει Throttling (Περιορισμός) και είδα πως βλέπει τη σελίδα ένας άνθρωπος με υπολογιστή για τις κλωτσιές.

Δυο κανάλια από τα οποία ενημερώνομαι καθημερινά

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

Ξεκινάω τη δημιουργία νέου κινήματος: «Απαιτούμε τη Βίκυ μας να γράφει ξανά»

Έχει γράψει δεκάδες άρθρα στο blog μου κάποια εκ των οποίων τρεντάρουν συχνά μέχρι και σήμερα. Το κίνημα αποσκοπεί να πετύχει αυτό στο οποίο απέτυχα εγώ: να την πείσουμε να γράφει.

Η επανάσταση της «παντόφλας». Ο κόσμος πετάει τα «έξυπνα» κινητά από το παράθυρο και αγοράζει «παντόφλες»

Περισσότερα από 1 δισεκατομμύριο «παντόφλες» πουλήθηκαν πέρυσι. Ο κόσμος κουράστηκε από τα κοινωνικά δίκτυα και τη μετατροπή μιας πανάκριβης συσκευής σε εργαλείο παρακολούθησης και επιβολής της παγκόσμιας τυραννίας.

Συστημική σήψη - Τα lame media σήμερα

Τηλεόραση σταμάτησα να βλέπω εδώ και τουλάχιστον 15 χρόνια. Αυτό το κλασικό κατσίκωμα δηλαδή μπροστά στον κουβά για να σου πουν τα νέα (και να στα αναλύσουν γιατί «δεν τα καταλαβαίνεις μόνος σου εσύ αυτά»). Πέφτω όμως κατά καιρούς σε βιντεάκια των δελτίων ή μπαίνω στις σελίδες τους για να δω που το πάνε και ποιο είναι το τελευταίο αφήγημα που προσπαθούν να μας φυτέψουν στην γκλαβούνα.

Απογοητευμένος ιδιοκτήτης Tesla παίρνει και ρωτάει πόσο κάνει μια νέα μπαταρία. Όταν του λένε 20.000€ το ζώνει με 30 κιλά δυναμίτη και το ανατινάζει (απίστευτο βίντεο)

Το αυτοκίνητο όπως δηλώνει ο συνονόματος Τομ πήγε μια χαρά για 1.500km. Μετά η μπαταρία άρχισε να του κάνει ιστορίες. Αποφάσισε να ρωτήσει πόσο κάνει να την αλλάξει και του είπαν το αστρονομικό ποσό των 20.000€ και φρίκαρε. 

Το πρώτο Ελληνικό Blog στο οποίο θα αρθρογραφεί Τεχνητή Νοημοσύνη (AI)

Αυτό που θέλω από εσάς είναι να βρούμε ένα όνομα για αυτό. Στη σελίδα υπάρχουν προς το παρόν δυο αρθρογράφοι. Ο Τομ (η αφεντιά μου δηλαδή) και η Βίκυ που κάνει διάλλειμα. Στην παρέα θα προστεθεί τρίτος. Με τη διαφορά ότι θα είναι μηχανή. Στείλτε μου προτάσεις για όνομα στο tom@tomsnews.io. Θα είναι άντρας ή γυναίκα; Τι φύλο να του δώσω; Ηλικία;

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

Έχω συναντήσει προβλήματα που δεν περίμενα να δω με την ταπεινή μου σελίδα. Τώρα όμως τα έλυσα και το tomsnews είναι έτοιμο για ολόκληρες πόλεις.

Ο Οργανισμός Ηνωμένων Εθνών πλέον κατεβάζει σελίδες ιδιωτών! (βίντεο)

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

Μια ιδέα από την Ινδία για πρωτότυπη Χριστουγεννιάτικη λαμπάδα 5G

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

Αλήθεια από πότε εξελίσσω το VerdinCMS; Έχω κάτι απορίες Σαββατιάτικο. Το άρθρο που θα διαβάσουν 2 αναγνώστες

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

Ποια διανομή Linux να επιλέξω; Ερώτηση φίλου αναγνώστη

Ubuntu ή Linux Mint; Το Linux είναι ένας ολόκληρος νέος κόσμος ο οποίος δεν έχει καμία σχέση με τα Windows. Υπάρχουν διανομές που προσπαθούν να προσαρμόσουν την επιφάνειας εργασίας να μοιάζει με Windows αλλά αυτό είναι μόνο επιφανειακό.

Η σελίδα χρησιμοποιεί πλέον αποκλειστικά εικόνες .webp

Από την αρχή της συγγραφής του VerdinCMS χρησιμοποιούσα .jpg και .webp ταυτόχρονα για λόγους συμβατότητας. Ήρθε όμως η ώρα μετά από μια δεκαετία να ξεφορτωθώ τα jpg.

Η σελίδα εκτελείται πια με PHP8!

Τα κατάφερα. Όλα μου τα Projects και οι Web Servers μου τρέχουν PHP8. Η διαφορά στην ταχύτητα είναι απλά εντυπωσιακή.

Η νέα έκδοση του tomsnews.social είναι εδώ για τους φίλους της σελίδας. Όχι δεν δίνω 150€ για την εγγραφή

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

Το tomsnews.social αποτελεί πλέον πραγματικότητα! Δείτε το εισαγωγικό βίντεο

Μετά από τρεις βδομάδες φρενήρους εξέλιξης το κοινωνικό δίκτυο της σελίδας μας αποτελεί πραγματικότητα. Θέλω να το δοκιμάσουμε μαζί.

Βρήκα με τι θα ασχοληθώ στο επόμενο διάστημα: tomsnews.social. Ένα κοινωνικό δίκτυο εμπνευσμένο από το παλιό τουίτερ

Η λογοκρισία όσο περνά ο καιρός χειροτερεύει. Κάθε φορά που ποστάρεις κάτι στην big tech δεν ξέρεις αν την άλλη μέρα θα έχεις το λογαριασμό σου.

Έρχεται ο κορονοϊός του διαδικτύου. Ετοιμαστείτε για «λοκντάουν» στο Internet. Το Παγκόσμιο Οικονομικό Forum γλυκάθηκε

Οι προφητικές και μαντικές ικανότητες του Klaus Schwab ξεπερνούν πλέον αυτές του μαντείου των Δελφών. Μετά από κάποια μεγάλης κλίμακας επίθεση στο διαδίκτυο θα προταθούν «λοκντάουν» και «εμβόλια» για τον παγκόσμιο ιστό.

Μια χρήσιμη εφαρμογή για όλες τις πλατφόρμες για τον πόλεμο της πληροφορίας

Με τη λυσσαλέα λογοκρισία που βιώνουμε η εύρεση της πληροφορίας γίνεται ολοένα και πιο δύσκολη. Όταν τη βρούμε μετά είναι δύσκολο να θυμηθούμε που τη βρήκαμε. Το «τσεπάκι» με βοήθησε σημαντικά σε αυτό.

Έρχεται η άσκηση «Cyber Polygon» του Παγκόσμιου Οικονομικού Φόρουμ στις 9 Ιουλίου του 2021. Καλυφθείτε

Θυμάστε το «Event 201» που διοργάνωσαν όλα τα καλά παιδιά για την προσομοίωση μιας πανδημίας; Λίγους μήνες μετά μας ήρθε η πραγματική «πανδημία». Θα γίνει το ίδιο και τώρα με την άσκηση κυβερνοασφάλειας;

Ένα απίστευτο βίντεο που περίμενα 30 χρόνια για να δω

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