Πώς ο Tristan Hervouvet χτίζει τον κώδικα εικόνας από τις εικόνες 0 σε 1,000,000,000

Ενημερώθηκε: 01 Μαΐου 2017 / Άρθρο από: Lori Soard

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

ImageRecycle από μια απλή ιδέα στο χειρισμό περισσότερων από 1,000,000,000 τεμαχίων συμπιεσμένων μέσων και σε πολύ σύντομο χρονικό διάστημα.

Ο Tristan Hervouvet, συνιδρυτής των ImageRecycle και JoomUnited ίδρυσε το ImageRecycle με μερικούς συνεργάτες το 2014/2015. Για να χρησιμοποιηθεί η υπηρεσία συμπίεσης εικόνας στο ρυθμό ενός δισεκατομμυρίου φορές είναι ένα καταπληκτικό επίτευγμα σε περίπου δύο χρόνια.

tristan hervouvet
Tristan Hervouvet

Η ιδέα για το ImageRecycle γεννήθηκε από την επιχείρηση που έκανε ως συνιδρυτής του JoomUnited. "Αναπτύξαμε επεκτάσεις απόδοσης για Joomla και WordPress, οπότε φυσικά η συμπίεση εικόνας ήταν ένα από τα εργαλεία που θέλαμε να εφαρμόσουμε."

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

Πριν από δύο χρόνια, το Stack Exchange μείωσε το βάρος της σελίδας από το 2 με πλήρη βελτιστοποίηση περιεχομένου. Οι στατιστικές του αριθμού σελίδας με ανίχνευση σελίδων στην αναφορά των Εργαλείων για Webmasters Google παρουσίασαν αύξηση στο 100% των σελίδων με ευρετήριο. Αυτό μπορεί να είναι ακόμα πιο αποτελεσματικό με τα ηλεκτρονικά καταστήματα. Η Amazon υπολόγισε ότι η επιβράδυνση φόρτου σελίδας μόνο ενός δευτερολέπτου θα μπορούσε να κοστίσει το 1% στις πωλήσεις κάθε χρόνο (δισεκατομμύρια δολάρια 1.6).

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

Στην αρχή, ο Hervouvet ήταν περισσότερο ειδικός στον τομέα των οικοδόμων ιστοτόπων (HTML / CSS). "Τώρα, ασχολούμαι κυρίως με όλα τα πράγματα μάρκετινγκ καθώς έχουμε μια ομάδα προγραμματιστών", δήλωσε ο ίδιος.

imagerecycle

Αποδεικνύοντας τη σημασία της ταχύτητας

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

Πρώτον, οι χρήστες απλά μισούν να περιμένουν. Ζούμε σε έναν πολυάσχολο κόσμο και όλοι είναι συγκλονισμένοι με τα καθήκοντα, την εργασία, λίγο χρόνο με την οικογένεια και τους φίλους, και περισσότερη δουλειά. Κανείς δεν θέλει να περιμένει να φορτωθεί μια σελίδα. Στην πραγματικότητα, ο μέσος άνθρωπος θα περιμένει μόνο 6-10 δευτερόλεπτα για να φορτώσει μια σελίδα πριν αναπηδήσει. Αυτό εξηγεί γιατί μια καθυστέρηση ενός δευτερολέπτου θα κοστίσει Amazon $ 1.6 δισεκατομμύρια έχασε έσοδα.

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

Για να δοκιμάσει τις θεωρίες τους, η ομάδα επέλεξε μια σελίδα eBay για βελτιστοποίηση. Η σελίδα αποτελείται από 5 εικόνες και αυτές οι εικόνες ήταν σε τρία διαφορετικά μεγέθη, από πλήρες μέγεθος έως μικρογραφίες. Χρησιμοποίησαν την ταχύτητα σελίδας Google για να αναλύσουν τη σελίδα. Πριν από τη βελτιστοποίηση, το μέγεθος της σελίδας ήταν 1500 KB και μετά τα 615 KB, μειώνοντας το μέγεθος κατά λίγο περισσότερο από το μισό.

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

Τα αποτελέσματα ήταν εκπληκτικά. Ο χρόνος φόρτωσης μεταφέρθηκε από 23 δευτερόλεπτα σε 9, ακόμη και στις πιο αργές ταχύτητες και σε 0.2 δευτερόλεπτα στις υψηλότερες ταχύτητες σύνδεσης.

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

Η ανάπτυξη της προσθήκης από 0 σε 1 δισεκατομμύριο

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

Ωστόσο, έκαναν κάποια πράγματα για να εξασφαλίσουν ότι ήταν όσο το δυνατόν πιο ανταγωνιστικές.

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

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

Προσφέρουμε μια προμήθεια 30% για οποιαδήποτε πώληση για τις θυγατρικές μας. Προσφέρουμε επίσης ένα κιτ επικοινωνίας, μια λεπτομέρεια της παρακολούθησης. Θα πληρωθείτε μόλις φτάσετε στο $ 100. Ορισμένες από τις θυγατρικές μας κερδίζουν περισσότερα από $ 500 / μήνα.

Προωθούν επίσης μέσω των κοινωνικών μέσων ενημέρωσης, έχοντας παρουσία στο Facebook, στο Twitter, στο Google + και στο YouTube.

Περισσότερο από ένα πρόσθετο CMS

Στην αρχή, ο Hervouvet ήταν περισσότερο ειδικός στον τομέα των οικοδόμων ιστοτόπων (HTML / CSS). "Τώρα, ασχολούμαι κυρίως με όλα τα πράγματα μάρκετινγκ καθώς έχουμε μια ομάδα προγραμματιστών", δήλωσε ο ίδιος.

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

Ο Hervouvet και οι συνεργάτες του άρχισαν να επεκτείνονται με τις επεκτάσεις του CMS επειδή έχουν ήδη αυτή την ικανότητα με την εταιρεία JoomUnited.

Βασικά, υπάρχουν δύο επεκτάσεις βελτιστοποίησης. Μια επέκταση είναι για το Joomla και μία είναι για το WordPress. "Είναι ένας τρόπος να προτείνουμε μια παγκόσμια λύση επιτάχυνσης".

Μερίδιο αγοράς ImageRecycle.

Γύρω από το 25% των πελατών τους αναζητούν ένα WordPress λύση, με Joomla, Shopify Magento συνθέτουν περίπου το 15% το καθένα. Το υπόλοιπο 30% χρησιμοποιεί άλλα CMS ή a αυτόνομη έκδοση plugin ότι μπορείτε να τρέξετε σε οποιοδήποτε διακομιστή χωρίς βάση δεδομένων. Ο Hervouvet δήλωσε ότι αναμένεται να πάρει όσο το 10% του μεριδίου αγοράς με το plugin Magento.

Ξεχωρίζει από τον διαγωνισμό

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

Ο Hervouvet επισημαίνει μερικά μοναδικά χαρακτηριστικά του λογισμικού του που το κάνουν να ξεχωρίζει:

  • Εργαλείο συμπίεσης PDF υψηλού επιπέδου
  • Plugin για το WordPress, το Joomla, το Magento και μια αυτόνομη έκδοση (λειτουργεί με όλα τα CMS, οποιοδήποτε διακομιστή)
  • Διάφοροι τύποι συμμετοχής (σταθερό ποσό, μηνιαίο όριο, υψηλός όγκος…) με μία από τις χαμηλότερες τιμές στην αγορά
  • Με μία ιδιότητα μέλους, μπορείτε να ορίσετε πολλαπλούς λογαριασμούς για τους πελάτες σας
  • "Φιλοξενούμε σε έναν ασφαλή διακομιστή ένα αντίγραφο ασφαλείας των αρχικών εικόνων σας για 1 μήνα και μπορείτε να τα επαναφέρετε όταν θέλετε."
  • Μια προσωπική υποστήριξη εισιτηρίων που γίνεται από έναν προγραμματιστή, ακόμη και για τους δοκιμαστικούς λογαριασμούς
  • Μια online βελτιστοποίηση πλήρους σελίδας που σαρώνει για όλα τα μέσα και συμπιέζει όλα σε ένα zip
  • API για προσαρμοσμένη ενσωμάτωση

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

Για εικόνες JPG:

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

Για τη βελτιστοποίηση των εικόνων PNG και GIF, είναι αρκετά διαφορετική και χρησιμοποιούν διάφορες μεθόδους:

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

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

ImageRecycle (WordPress) σε δράση. Ένα καλό πράγμα για το ImageRecycle είναι ότι επιτρέπει τη μαζική βελτιστοποίηση στο παρασκήνιο.
Διευθυντής ImageRecycle στο Joomla.

Ανταγωνιστική τιμολόγηση

Τέλος, όπως και με τα πιο επιτυχημένα επιχειρηματικά μοντέλα, οι τιμές ανακύκλωσης εικόνας είναι ανταγωνιστικές. Οι κριτικές του ImageRecycle δείχνουν ότι το λογισμικό είναι πάνω από το μέσο όρο.

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

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

ΧΑΡΑΚΤΗΡΙΣΤΙΚΆImageRecycleKraken.ioTinypng
PNG
JPG
GIF
PDF
Μέγιστο μέγεθος αρχείου30 MB16 MB5 MB
Υποστήριξη API
Πλήρης ανάλυση CSS σελίδας
Πολλαπλοί υποτομείςΔωρεάν & Απεριόριστα$ 5 / δευτερεύων λογαριασμός
WordPress Plugin
Joomla Component
Επέκταση Magento
Shopify App
Τιμές (/ μήνα, 3GB)$ 14$ 17$ 20 (κατά μέσο όρο)

πηγή: ImageRecycle / Σύγκριση

Όσον αφορά την τιμολόγηση, η ανακύκλωση εικόνας προσφέρει περισσότερα από ανταγωνιστές όπως η Kraken και η Tinypng, αλλά με χαμηλότερο κόστος ανά μήνα.

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

Ένα από τα κλειδιά για την ανάπτυξή τους ήταν αυτό το είδος καινοτομίας. Στην πραγματικότητα, έχουν τώρα ένα plugin Prestashop σε εξέλιξη.

Τι πρέπει να πάρετε από την επιτυχία του ImageRecycle

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

Η WHSR θα ήθελε να ευχαριστήσει τον Tristan Hervouvet και την ομάδα ImageRecycle που μας επέτρεψαν να διαλέξουμε για το πώς η ομάδα μεγάλωσε αυτήν την εταιρεία από 0 έως 1 δισεκατομμύριο συμπιεσμένες εικόνες σε τόσο σύντομο χρονικό διάστημα.

Σχετικά με την Lori Soard

Η Lori Soard εργάζεται ως ανεξάρτητος συγγραφέας και συντάκτης από την 1996. Έχει πτυχίο Αγγλικής Εκπαίδευσης και Διδακτορικό στη Δημοσιογραφία. Τα άρθρα της έχουν εμφανιστεί σε εφημερίδες, περιοδικά, σε απευθείας σύνδεση και έχει δημοσιεύσει πολλά βιβλία. Από το 1997 εργάστηκε ως σχεδιαστής και υποστηρικτής ιστοσελίδων για δημιουργούς και μικρές επιχειρήσεις. Έχει εργαστεί ακόμη και για σύντομη ταξινόμηση ιστοσελίδων για μια δημοφιλής μηχανή αναζήτησης και μελετώντας σε βάθος τακτική SEO για πολλούς πελάτες. Απολαμβάνει την ακοή από τους αναγνώστες της.