Posts By :

Σκλαβούνος Δημήτρης

600 338 Pixelup

Stock φωτογραφίες υψηλής ανάλυσης μέσα από το WordPress

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

Η εύρεση Στοκ Φωτογραφίας για WordPress

Κανείς δεν θέλει πραγματικά stock φωτογραφίες, αλλά και για την πλειοψηφία των επιχειρήσεων, blogs, και τους δημιουργούς περιεχομένου, οι φωτογραφίες είναι απαραίτητες. Πολλοί δεν έχουν τα χρήματα, το χρόνο, ή την τεχνογνωσία για να δημιουργήσουν ή να λάβουν τις δικές τους φωτογραφίες. Ευτυχώς, σε σύγκριση με πριν από 5 χρόνια, υπάρχουν πολλοί περισσότεροι ιστότοποι για να βρείτε φωτογραφίες υψηλής ανάλυσης, καθώς και  δωρεάν φωτογραφίες για το WordPress site σας. Πολλοί από αυτούς έχουν τεράστιες βάσεις δεδομένων με όμορφες επαγγελματικές φωτογραφίες υψηλής ανάλυσης.

Παρακάτω είναι μερικές γνωστές σελίδες:

Πολλές από τις παραπάνω τοποθεσίες έχουν μεγάλες και ωραίες φωτογραφίες που μπορείτε να χρησιμοποιήσετε αλλά κάθε υπηρεσία / website έχει τα δικά του χαρακτηριστικά που πρέπει να λάβουμε υπόψιν ώστε να κατεβάσουμε σωστά τις φώτο π.χ. τι format έχουν, μέγεθος σε Pixels, χαμηλής-υψηλής ανάλυσης κτλ. πράγματα που σας δημιουργούν extra χρόνο και σας καθυστερούν. Πολλοί ιδιοκτήτες επιχείρησης και συγγραφείς χρειάζονται τρόπους για να επιταχύνουν τη δημιουργία του περιεχομένου τους. Ευτυχώς υπάρχουν μερικές λύσεις που πραγματικά σας επιτρέπουν να μείνετε στο WordPress site σας και να βρείτε / να προσθέσετε εικόνες, ενώ δημιουργείται το κείμενο σας.

Δείτε μερικές υπηρεσίες / plugins που σας επιτρέπουν να ανεβάσετε απευθείας τις φωτογραφίες σας στη βιβλιοθήκη του WordPress.

 

1. Instant Images (free)

Η πρώτη λύση ονομάζεται instant images , αυτή ή ομάδα δημιούργησε έχει κάνει κάτι πολύ έξυπνο, καθώς δημιούργησε ένα πρόγραμμα για να ανεβάσετε φωτογραφίες Stock υψηλής ποιότητας από Unsplash, άμεσα στη βιβλιοθήκη πολυμέσων του WordPress. Για όσους από εσάς δεν είναι εξοικειωμένοι με Unsplash, είναι ένα site που προσφέρει απεριόριστες δωρεάν φωτογραφίες υψηλής ανάλυσης. Τα πάντα είναι σύμφωνα με την άδεια Creative Commons Zero , το οποίο σημαίνει ότι μπορείτε να αντιγράψετε, να τροποποιήσετε, διανέμετε και να χρησιμοποιήσει τις φωτογραφίες δωρεάν, συμπεριλαμβανομένων εμπορικούς σκοπούς, χωρίς να ζητήσει άδεια από την παροχή ή ανάθεση στο φωτογράφο ή Unsplash.

banner-772x250 Stock φωτογραφίες υψηλής ανάλυσης μέσα από το Wordpress

 

Το instant images plugin έχει πάνω από 1.000 ενεργές εγκαταστάσεις με 5 στα 5 βαθμολογία. Σας επιτρέπει να κάνετε αναζήτηση στο σύνολο του Unsplash βιβλιοθήκη και να ανεβάσετε εικόνες με ένα μόνο κλικ. Μπορείτε να το κατεβάσετε από το WordPress ή αν κάνετε αναζήτηση στα Plugins και «Προσθήκη νέου». Με αυτό το Plugin μπορείτε να έχετε ενημερωμένο το blog – website σας με ποιοτικές φωτογραφίες υψηλής ανάλυσης.

 

2. PixelRockstar (premium, αρκετά οικονομική)

Η δεύτερη λύση είναι μια νεότερη υπηρεσία και plugin που ονομάζεται PixelRockstar. Δεν είναι δωρεάν, αλλά σε πολύ προσιτή τιμή. Μπορείτε να αποκτήσετε πρόσβαση σε μια βιβλιοθήκη με περισσότερες από 4 εκατομμύρια φωτογραφίες Stock υψηλής ποιότητας μέσα στην διαχείριση του WordPress. Αν έχετε αγοράσει το μεγαλύτερο πακέτο των φωτογραφιών μπορεί και να πάει  0,57$ ανά φωτογραφία!

pixelrockstar Stock φωτογραφίες υψηλής ανάλυσης μέσα από το Wordpress

Υπάρχει άδεια για όλες τις εικόνες και δεν χρειάζεται να ανησυχείτε για θέματα πνευματικής ιδιοκτησίας. Μπορείτε να χρησιμοποιήσετε τις εικόνες για το site σας WordPress και ακόμη και τους λογαριασμούς κοινωνικών μέσων ενημέρωσης. Μερικά επιπλέον χαρακτηριστικά :

  • Κατεβάστε την εικόνα μία φορά και μπορείτε να τη χρησιμοποιήσετε για πάντα, ποτέ δεν λήγει.
  • φωτογραφίες Stock μπορείτε να κατεβάσετε έως 2.000 pixels.
1920 1080 Pixelup

Τι είναι το Ψηφιακό Μάρκετινγκ;

Το «Ψηφιακό Μάρκετινγκ» είναι ένας σχετικά νέος όρος που έγινε γνωστός την τελευταία δεκαετία.

Για να δώσουμε έναν απλό ορισμό, το ψηφιακό μάρκετινγκ είναι ένας όρος «ομπρέλα» που συμπεριλαμβάνει όλες τις προωθητικές ενέργειες για προϊόντα ή υπηρεσίες μέσω της ψηφιακής τεχνολογίας.

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

Ποιος είναι ο Σκοπός του Ψηφιακού Μάρκετινγκ;
Όπως κάθε μορφή μάρκετινγκ, ο σκοπός του ψηφιακού μάρκετινγκ είναι να προωθήσει και να πουλήσει ένα προϊόν ή μία υπηρεσία. Πιο συγκεκριμένα, ο σκοπός του είναι να φέρει σε επαφή την εκάστοτε επιχείρηση με το στοχευμένο κοινό της μέσω των ψηφιακών καναλιών.
Υπάρχουν επί του παρόντος πάνω από 3,3 δισεκατομμύρια χρήστες παγκοσμίως, με το νούμερο να αυξάνεται συνεχώς. Η ιδιοκτησία των διαφόρων τεχνολογικών συσκευών επίσης αυξάνεται συνέχεια, με το 92% για παράδειγμα των Αμερικανών ενηλίκων να κατέχει τουλάχιστον ένα κινητό.

Digital-Marketing_gsyyad_deylon Τι είναι το Ψηφιακό Μάρκετινγκ;

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

  • Το 71% των επιχειρήσεων παγκοσμίως σχεδιάζει αυτό τον χρόνο να αυξήσει τον διαφημιστικό τους προϋπολογισμό στο ψηφιακό μάρκετινγκ (Πηγή: Webbiquity)
  • Κατά μέσο όρο, το 60% του χρόνου των υπευθύνων μάρκετινγκ αφιερώνεται σε ενέργειες που απαιτούν γνώσεις και ικανότητες σχετικές με το ψηφιακό μάρκετινγκ. (Πηγή: Smart Insights and Ecommerce Expo)
  • Η δημιουργία ψηφιακού περιεχομένου και η διαχείριση του, πλέον καλύπτουν το δεύτερο μεγαλύτερο κομμάτι του προϋπολογισμού στο ψηφιακό μάρκετινγκ. (Πηγή: KaPost)
  • Το 28% των υπευθύνων μάρκετινγκ έχουν μειώσει τον προϋπολογισμό τους για παραδοσιακές ενέργειες προώθησης και έχουν επενδύσει περισσότερο στο ψηφιακό μάρκετινγκ (Πηγή: CMO Council)
  • Το 73% των B2B υπευθύνων μάρκετινγκ χρησιμοποιούν video σαν στρατηγική διαφήμισης, και το 7% σχεδιάζουν να ενισχύσουν ενέργειες προβολής στο YouTube (Πηγή: Content Marketing Institute)

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

Για παράδειγμα, ο υπεύθυνος ψηφιακού μάρκετινγκ σήμερα, μπορεί να τρέξει μία διαφήμιση στο Facebook στοχευμένη μόνο σε κοινό 20 ετών που ενδιαφέρεται για το γκρουπ Coldplay. Μπορεί να παρακολουθήσει κάθε ενέργεια (εμφάνιση, μου αρέσει, σχόλιο και κλικ) και να χρησιμοποιήσει ειδικό pixel για να δει τι ενέργειες κάνει το κοινό του αφού πατήσει στην διαφήμιση. Αυτά τα δεδομένα μπορούν να χρησιμοποιηθούν για την δημιουργία διαφημίσεων με καλύτερη απόδοση.

Πηγή: Sitepoint.com

500 281 Pixelup

Πως να κολλήσει το μυαλό σε μία εικόνα;

Cinemagraphs είναι η αίσθηση της επαναλαμβανόμενης κίνησης σε ορισμένα σημεία μιας εικόνας.  Όταν χρησιμοποιείτε ένα cinemagraph μπορείτε να προσδώσετε την αίσθηση του χρόνου και του τόπου εκεί που μια απλή εικόνα δεν μπορεί.

Ο όρος « Cinemagraph » επινοήθηκε το 2011 από τους φωτογράφους Kevin Burg και Jamie Beck. Δείτε για παράδειγμα την εικόνα που μας δείχνει τον καφέ που αχνίζει.atmos_n5gyfj_wvuukf Πως να κολλήσει το μυαλό σε μία εικόνα;

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

Είναι περισσότερο η αίσθηση της ανάμνησης από μία απλή φωτογραφία.

 

 

1200 628 Pixelup

Επιλογή Google Fonts στο WordPress και Ταχύτητα

Σήμερα θα καλύψουμε μερικές μεθόδους για την βελτιστοποίηση και την επιτάχυνση των Google γραμματοσειρών στο WordPress. Οι εικόνες, βέβαια, είναι και πάντα θα είναι το βαρύτερο κομμάτι μιας ιστοσελίδας, αλλά σύμφωνα με το HTTP αρχείο , από τον Οκτώβριο του 2016 οι γραμματοσειρές στο web καταλαμβάνουν λίγο περισσότερο από το 3% του συνολικού βάρους μίας μέσης ιστοσελίδας.

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

Τι είναι το Google Fonts;

Πρώτα απ ‘όλα, για όσους από εσάς ίσως δεν γνωρίζετε, το Google Fonts είναι ένας open source (δωρεάν) κατάλογος με πάνω από 800 οικογένειες γραμματοσειρών web που μπορείτε να χρησιμοποιήσετε στην ιστοσελίδα σας. Επίσης, είναι διαθέσιμα για να τα κατεβάσετε τοπικά για εκτύπωση και για άλλες χρήσεις. Εκατομμύρια ιστοσελίδες WordPress χρησιμοποιούν τις Google γραμματοσειρές καθώς είναι ένας δωρεάν τρόπος για να βελτιώσετε την εμφάνιση και την χρηστικότητα του site σας.

Είναι σημαντικό να κατανοήσουμε πώς η προσθήκη των Google fonts στο WordPress site σας, επηρεάζει την ταχύτητα και τις επιδόσεις του.

Πώς να χρησιμοποιήσετε τις γραμματοσειρές Google στο WordPress.

Υπάρχουν δύο τρόποι για να προσθέσετε γραμματοσειρές Google στο WordPress site σας. Η πρώτη μέθοδος είναι να τις τραβήξετε απευθείας από την Google. Αυτή η μέθοδος χρησιμοποιεί την παγκόσμια CDN τους για να παραδώσει τις γραμματοσειρές γρήγορα από διαφορετικούς servers από όλο τον κόσμο.

Όταν τα προσθέσετε στο site σας, θα υπάρξει ένα εξωτερικό αίτημα fonts.googleapis.com.

1-googleapis Επιλογή Google Fonts στο WordPress και Ταχύτητα

Ή είναι επίσης εξωτερικές αιτήσεις fonts.gstatic.com για τις εκδόσεις WOFF ή WOFF2 ανάλογα με την υποστήριξη του προγράμματος περιήγησης.

2-gstatic Επιλογή Google Fonts στο WordPress και Ταχύτητα

WordPress Plugin.

Εάν είστε αρχάριος στο WordPress, ο ευκολότερος τρόπος για να προσθέσετε τις γραμματοσειρές Google στον ιστότοπο σας είναι με ένα δωρεάν plugin.
To Easy Google Γραμματοσειρές plugin είναι μία καλή και δημοφιλής περίπτωση. Έχει σήμερα πάνω από 300.000 ενεργές εγκαταστάσεις με βαθμολογία 4,9 στα 5 αστέρια.

3-easy-google-fonts-wordpress Επιλογή Google Fonts στο WordPress και Ταχύτητα

Προσθέστε Κώδικα από το Google Fonts.

Είναι σημαντικό να σημειωθεί ότι τα περισσότερα plugins WordPress προσθέτουν μικρή επιβάρυνση στο site σας, εναλλακτικά μπορείτε να προσθέσετε τις Google γραμματοσειρές με πολύ πιο απλό τρόπο δηλαδή να χρησιμοποιήσετε κώδικα ενσωμάτωσης. Έτσι, στο <head> του wesbite σας  προσθέστε τον κώδικα που σας δίνει η Google, ένα παράδειγμα είναι η γραμματοσειρά Roboto.

Κάντε κλικ στην » Customize επιλογή».

Σημείωση: Για κάθε στοιχείο που προσθέτετε αυξάνετε και ο συνολικό χρόνος φόρτωσης, για τον λόγο αυτό όσο λιγότερα επιλέξετε τόσο το καλύτερο.

4-roboto-google-fonts Επιλογή Google Fonts στο WordPress και Ταχύτητα

Στη συνέχεια, κάντε κλικ στο » EMBED». Για να αντιγράψετε τον ενσωματωμένο κώδικα που παρέχει.

5-google-fonts-embed Επιλογή Google Fonts στο WordPress και Ταχύτητα

Πάρτε αυτόν τον κώδικα και τοποθετήστε τον στο <head>τμήμα του WordPress site σας. Υπάρχουν διάφοροι τρόποι που μπορείτε να το κάνετε αυτό, ορισμένοι μπορεί να προτιμούν enqueue τις γραμματοσειρές, αλλά για αυτό το παράδειγμα θέλουμε απλή επικόλληση του κώδικα στο header.php. Σημείωση: Αυτό μπορεί να διαφέρει ανάλογα με το θέμα που χρησιμοποιείτε.

6-header-font-embed Επιλογή Google Fonts στο WordPress και Ταχύτητα

Στη συνέχεια, μπορείτε να προσθέσετε κάποια στυλ CSS. Παρακάτω είναι ένα παράδειγμα. Αν ο πίνακας στο admin σας δεν διαθέτει έναν επεξεργαστή για προσαρμοσμένο CSS μπορείτε πάντα να χρησιμοποιήσετε ένα δωρεάν plugin όπως Custom CSS και JS .

body {font-family:roboto; font-size:18px;}
h1,h2,h3,h4,h5,h6 {font-family:roboto; font-weight:700; text-transform:none !important;}
h1 {font-size:28px;}
h2 {font-size:26px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}

Τώρα που ξέρετε μερικές γρήγορες μεθόδους για την προσθήκη Google Fonts στο WordPress site σας, δείτε εναλλακτικούς τρόπους για την επιτάχυνση τους.

Φιλοξενήστε τα Google Fonts στον server σας.

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

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

Για να φιλοξενήσετε τοπικά γραμματοσειρές ένα δωρεάν εργαλείο είναι το google-webfonts-helper . Αυτό σας επιτρέπει να κατεβάσετε τις γραμματοσειρές Google τοπικά πιο εύκολα και σας δίνει όλα τα CSS. Παρακάτω είναι ένα παράδειγμα. Θα χρειαστεί να φορτώσετε τις γραμματοσειρές που κατεβάσατε στο web server σας.

Παράδειγμα.

/* roboto-regular – latin */

@fontface {
font
family: ‘Roboto’;
font
style: normal;
font
weight: 400;
src
: local(‘Roboto’), local(‘Roboto-Regular’),
url
(‘https:/perfmatters.io/fonts/roboto-v15-latin-regular.woff2’) format(‘woff2’), /* Chrome 26+, Opera 23+, Firefox 39+ */
url
(‘https://perfmatters.io/fonts/roboto-v15-latin-regular.woff’) format(‘woff’); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}

/* roboto-500 – latin */
@fontface {
font
family: ‘Roboto’;
font
style: normal;
font
weight: 500;
src
: local(‘Roboto Medium’), local(‘Roboto-Medium’),
url
(‘https://perfmatters.io/fonts/roboto-v15-latin-500.woff2’) format(‘woff2’), /* Chrome 26+, Opera 23+, Firefox 39+ */
url
(‘https://perfmatters.io/fonts/roboto-v15-latin-500.woff’) format(‘woff’); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}

/* roboto-700 – latin */
@fontface {
font
family: ‘Roboto’;
font
style: normal;
font
weight: 700;
src
: local(‘Roboto Bold’), local(‘Roboto-Bold’),
url
(‘https:/perfmatters.io/fonts/roboto-v15-latin-700.woff2’) format(‘woff2’), /* Chrome 26+, Opera 23+, Firefox 39+ */
url
(‘https://perfmatters.io/fonts/roboto-v15-latin-700.woff’) format(‘woff’); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}

Φιλοξενήστε τα Google Fonts στο δικό σας CDN.

Από την παραπάνω ιστοσελίδα, χρησιμοποιούμε έναν CDN provider ( KeyCDN ) για να φιλοξενήσει όλα τα άλλα περιουσιακά στοιχεία (εικόνες, CSS, Javascript, κλπ). Τι θα συμβεί αν τώρα ρίξει τις γραμματοσειρές μας στην ίδια CDN, αντί του CDN της Google;

Χρησιμοποιώντας το δωρεάν CDN Enabler WordPress plugin. Αντιγράφει τα fonts από το φάκελο «fonts» στον web server σε KeyCDN αυτόματα. Στη συνέχεια πρέπει να φτιάξουμε λίγο τον κώδικα έτσι ώστε η διαδρομή προς τα fonts τώρα να δείχνει προς το CDN (όπως cdn.domain.com).
/* roboto-regular – latin */

@fontface {
font
family: ‘Roboto’;
font
style: normal;
font
weight: 400;
src
: local(‘Roboto’), local(‘Roboto-Regular’),
url
(‘https://cdn.perfmatters.io/fonts/roboto-v15-latin-regular.woff2’) format(‘woff2’), /* Chrome 26+, Opera 23+, Firefox 39+ */
url
(‘https://cdn.perfmatters.io/fonts/roboto-v15-latin-regular.woff’) format(‘woff’); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 – latin */
@fontface {
font
family: ‘Roboto’;
font
style: normal;
font
weight: 500;
src
: local(‘Roboto Medium’), local(‘Roboto-Medium’),
url
(‘https://cdn.perfmatters.io/fonts/roboto-v15-latin-500.woff2’) format(‘woff2’), /* Chrome 26+, Opera 23+, Firefox 39+ */
url
(‘https://cdn.perfmatters.io/fonts/roboto-v15-latin-500.woff’) format(‘woff’); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 – latin */
@fontface {
font
family: ‘Roboto’;
font
style: normal;
font
weight: 700;
src
: local(‘Roboto Bold’), local(‘Roboto-Bold’),
url
(‘https://cdn.perfmatters.io/fonts/roboto-v15-latin-700.woff2’) format(‘woff2’), /* Chrome 26+, Opera 23+, Firefox 39+ */
url
(‘https://cdn.perfmatters.io/fonts/roboto-v15-latin-700.woff’) format(‘woff’); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

Η ταχύτητα είναι πιο γρήγορη.
Φυσικά η ταχύτητα γενικά επηρεάζεται από τον server που χρησιμοποιείτε αλλά και τις επιλογές που κάνετε στην επιλογή γραμματοσειράς (italic, normal, κτλ.) όσο πιο λίγα τόσο και πιο γρήγορα.