a:after,.main-navigation ul li.current-menu-ancestor a,.main-navigation ul li.current-menu-item a,.main-navigation ul li.current-menu-item a:after,.main-navigation ul li.current_page_ancestor a,.main-navigation ul li.current_page_item a,.main-navigation ul li:hover>a{color:#fff}.main-navigation li li.menu-item-has-children>a:after,.main-navigation li li.page_item_has_children>a:after,.main-navigation li.menu-item-has-children>a:after,.main-navigation li.page_item_has_children>a:after{font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;color:#fff;font-size:14px;padding-left:6px}.main-navigation li.menu-item-has-children>a:after,.main-navigation li.page_item_has_children>a:after{content:"\f107";color:#fff}.main-navigation li li.menu-item-has-children>a:after,.main-navigation li li.page_item_has_children>a:after{content:"\f105";position:absolute;right:8px}.menu-toggle,.top-menu-toggle{display:none;cursor:pointer}.site-header .menu-toggle{color:#fff;margin:0;text-align:center;font-family:'Open Sans',serif;padding-bottom:0}.site-header .menu-toggle:before{content:"\f0c9";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;font-size:23px;color:#fff;padding:8px 12px;display:block}#secondary .widget-title span,.sd-content ol li,.sd-content ul li{display:inline-block}#primary,.lnkbed{float:left}.main-small-navigation .menu-primary-container,.main-small-navigation .nav-menu{padding-top:43px}.main-small-navigation .current-menu-item>a,.main-small-navigation .current_page_item>a,.main-small-navigation li a:hover{color:#fff}.main-small-navigation .random-post a{padding:7px 12px;border-bottom:0}.page-header .page-title{border-bottom:1px solid #f8f8f8}#main{padding-top:10px;padding-bottom:10px}.sd-content ul{padding:0!important;margin:0 0 .7em!important;list-style:none!important}body.custom-background{background-color:#46a28d}.ios7.web-app-mode.has-fixed header{background-color:rgba(3,122,221,.88)}.fa.search-top:hover,.home-icon.front_page_on,.main-navigation a:hover,.main-navigation ul li ul li a:hover,.main-navigation ul li ul li:hover>a,.main-navigation ul li.current-menu-ancestor>a,.main-navigation ul li.current-menu-item ul li a:hover,.main-navigation ul li.current-menu-item>a,.main-navigation ul li.current_page_ancestor>a,.main-navigation ul li.current_page_item>a,.main-navigation ul li:hover>a,.main-small-navigation li a:hover,.site-header .menu-toggle:hover,.widget_featured_posts .widget-title span{background-color:#006b6b}#site-title a,.next a:hover,.previous a:hover,.social-links i.fa:hover,a{color:#006b6b}.main-small-navigation .current-menu-item>a,.main-small-navigation .current_page_item>a{background:#006b6b}.widget_featured_posts .widget-title{border-bottom:2px solid #006b6b}blockquote{background-color:#46a28d;color:#444}#header-text-nav-container,#langsel{background-color:#006b6b}#header-text-nav-container *,#site-title a{color:#f8f8f8}a{text-decoration:none}.entry-content a{text-decoration:underline}a:active,a:focus,a:hover{text-decoration:underline;color:#af0000}.widget_featured_posts{margin-bottom:30px}.widget_featured_posts .widget-title span{color:#fff;padding:6px 12px;display:inline-block}.widget select{border:1px solid #ddd;color:#777;padding:2px;width:60%}.widget_featured_posts .widget-title{font-size:18px;margin-bottom:15px;padding-bottom:0}.sd-content ul li,.ul-title,.whatdo_details{font-size:13px}.ul-title{border-bottom:2px solid #006b6b;margin-bottom:5px;padding-bottom:0}.sd-content ul{margin-bottom:0!important}.lnkbed .fa-bed,.lnkbed .fa-plane{color:#fff;font-size:20px}.main-navigation .lnkbed a,.main-navigation .lnkplane a{padding:10px 12px;border-bottom:0}.sd-content ol{padding:0!important;margin:0 0 .7em!important;list-style:none!important}#primary{width:70.17543859%}#secondary,.left-sidebar #primary{float:right}#secondary{width:27.19298245%}#secondary .widget-title{font-size:18px;margin-bottom:15px;padding-bottom:0;border-bottom:2px solid #006b6b}#secondary .widget-title span{color:#fff;padding:6px 12px;background-color:#006b6b}#secondary .widget,.error-404 .widget{margin-bottom:35px;font-size:14px;background-color:#fff}@media screen and (max-width:768px){#header-text-nav-wrap{padding:10px 0}#header-left-section{float:none;margin-bottom:10px}#header-logo-image,#header-text{float:left;text-align:left;padding-right:0;padding-left:10px}#header-right-section{float:none}#header-right-section .widget{text-align:center}.menu-toggle{display:block;float:left}#primary,#secondary,.widget_beside_slider,.widget_slider_area{float:none;width:100%}.main-navigation .home-icon a{padding:7px 10px}.widget_slider_area{padding-bottom:10px}.sub-toggle{position:absolute;right:20px;cursor:pointer;display:block;top:6px;color:#fff;padding:0 7px;background-color:#1b7aa0}#custom_html-4,#header-text-nav-wrap,#polylang-6,#site-description,.front-page-top-section,.entry-date-published,.above-entry-meta,.menu-item-name{display:none}#main{padding-top:0}#header-text{vertical-align:center}#site-title a{font-size:24px;padding-left:10px}}.logo-small{margin-bottom:0}.inner-wrap h4{font-size:5px}.clear_both{clear:both}.hds-img{border-radius:125px} var ezouid = "1392625440";


Google PageSpeed ​​Insights solve issues and get green

Google PageSpeed βελτιστοποίηση

Το Google PageSpeed ​​Insights [1] είναι ένα εξαιρετικό εργαλείο για να δείτε πώς λειτουργεί ο ιστότοπός σας. Σε περίπτωση που έχετε μια κακή βαθμολογία, εδώ είναι μια σειρά άρθρων με εύκολες στην εφαρμογή λύσεις για την επίλυση των περισσότερων από τα θέματα.

Google PageSpeed ​​Insights

Αυτό μου επέτρεψε να αναβοσβήσω με το Google PageSpeed ​​Insights [1], ανεβαίνοντας από το 17 σε κινητό (Σχήμα 1) έως 89 (Σχήμα 14) και από 35 (Εικ. 3) έως 89 στην επιφάνεια εργασίας ).

Βήμα 1: βελτιστοποίηση εικόνων για ιστό

Αυτό μου επέτρεψε να περάσω το τεστ Google PageSpeed ​​[1] Βελτιστοποιήστε τις εικόνες [2] σε έναν ιστότοπο, ανεβαίνοντας από το 17 σε κινητό (Σχήμα 1) έως 51 (Σχήμα 2) και από 35 (Εικ. 3) 59 στην επιφάνεια εργασίας (Εικ. 4).

Βελτιστοποίηση εικόνων PageSpeed ​​Insights Προγραμματιστές Google
Μαζική επεξεργασία και ενημέρωση μιας παρτίδας εικόνων με χρήση του GIMP [3]

Βήμα 2: βελτιστοποίηση CSS και javascript

Εξαλείψτε το JavaScript και το CSS από το rendering-blocking στο περιεχόμενο που βρίσκεται πιο πάνω.

Αυτό μου επέτρεψε να περάσω το τεστ Google PageSpeed ​​[1] Αποκλείστε το JavaScript και το CSS από το render blocking στο περιεχόμενο που βρίσκεται πιο πάνω από το fold (μαζί με το Leaching browser caching [6]) σε έναν ιστότοπο, Σχήμα 5) έως 72 (Σχήμα 6), και πάνω από 59 (Σχήμα 7) έως 79 στην επιφάνεια εργασίας (Σχήμα 8).

Διορθώστε το Google PageSpeed ​​Να εξαλείψετε το JavaScript και το CSS από το κλείδωμα της εμφάνισης στο περιεχόμενο που βρίσκεται πάνω από το πτυσσόμενο [4]

Βήμα 3: ενεργοποίηση της προσωρινής μνήμης του προγράμματος περιήγησης στο Web

Η μόχλευση της προσωρινής αποθήκευσης του προγράμματος περιήγησης μου επέτρεψε να περάσω τη δοκιμή Google PageSpeed ​​[1] Χάρη στην προσωρινή μνήμη του προγράμματος περιήγησης [5] (μαζί με την εξάλειψη του JavaScript και του CSS κατά την εμφάνιση του διαφημιστικού κειμένου σε μεγαλύτερο περιεχόμενο [4]) σε έναν ιστότοπο, των 51 σε κινητό (Σχήμα 9) έως 72 (Σχήμα 10), και πάνω από 59 (Εικ. 11) έως 79 στην επιφάνεια εργασίας (Εικ. 12).

Επέκταση του προγράμματος περιήγησης του προγράμματος περιήγησης στο WebSpeed ​​Insights του Google Developers
Διορθώστε το Google PageSpeed ​​να εκμεταλλευτείτε την προσωρινή αποθήκευση του προγράμματος περιήγησης στο htaccess [6]

Βήμα 4: Ενεργοποίηση συμπίεσης htaccess

Η ενεργοποίηση της συμπίεσης στο htaccess μου επέτρεψε να περάσω τη δοκιμή Google PageSpeed ​​[1] Χάρη στην προσωρινή μνήμη του προγράμματος περιήγησης [7] σε έναν ιστότοπο, ανεβαίνοντας από το 72 σε κινητό (εικ. 13) έως 89 (εικ. 14) Εικ. 15) έως 89 στην επιφάνεια εργασίας (Εικ. 16).

Βελτιστοποίηση της κωδικοποίησης και του μεγέθους μεταφοράς των περιουσιακών στοιχείων που βασίζονται σε κείμενο - Θεμελιώδη στοιχεία ιστού
Διορθώστε τη συμπίεση ενεργοποίησης του Google PageSpeed ​​σε PHP και htaccess [8]

Διαβάστε περισσότερα

Παρόμοια άρθρα


Σχόλια (0)

Αφήστε ένα σχόλιο