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 = "200865047";


Google Thông tin chi tiết về tốc độ trang solve issues and get green

Google PageSpeed tối ưu hóa

Google PageSpeed ​​Insights [1] là một công cụ tuyệt vời để xem trang web của bạn hoạt động như thế nào. Trong trường hợp bạn có điểm kém, đây là một loạt các bài viết với các giải pháp dễ thực hiện để giải quyết hầu hết các vấn đề.

Thông tin chi tiết về Google PageSpeed

Điều này cho phép tôi chuyển sang màu xanh lục trên Google PageSpeed ​​Insights [1], tăng từ điểm 17 trên thiết bị di động (Hình 1) lên 89 (Hình 14) và tăng từ 35 (Hình 3) lên 89 trên máy tính để bàn (Hình 16 ).

Bước 1: tối ưu hóa hình ảnh cho web

Điều này cho phép tôi vượt qua bài kiểm tra Google PageSpeed ​​[1] Tối ưu hóa hình ảnh [2] trên một trang web, tăng từ điểm 17 trên thiết bị di động (Hình 1) lên 51 (Hình 2) và tăng từ 35 (Hình 3) lên 59 trên máy tính để bàn (Hình 4).

Tối ưu hóa hình ảnh PageSpeed ​​Insights Nhà phát triển Google
Xử lý hàng loạt và cập nhật một loạt hình ảnh bằng GIMP [3]

Bước 2: Tối ưu hóa CSS và javascript

Loại bỏ JavaScript và CSS chặn kết xuất trong nội dung trong màn hình đầu tiên.

Điều này cho phép tôi vượt qua bài kiểm tra Google PageSpeed ​​[1] Loại bỏ JavaScript và CSS chặn kết xuất trong nội dung trong màn hình đầu tiên (cùng với bộ nhớ đệm trình duyệt Leverage [6]) trên trang web, tăng từ điểm 51 trên thiết bị di động ( Hình 5) đến 72 (Hình 6) và tăng từ 59 (Hình 7) lên 79 trên máy tính để bàn (Hình 8).

Khắc phục Google PageSpeed ​​Loại bỏ JavaScript và CSS chặn kết xuất trong nội dung trong màn hình đầu tiên [4]

Bước 3: bật bộ đệm của trình duyệt web

Tận dụng bộ nhớ đệm trình duyệt cho phép tôi vượt qua bài kiểm tra Google PageSpeed ​​[1] Tận dụng bộ nhớ đệm trình duyệt [5] (cùng với Loại bỏ JavaScript và CSS chặn kết xuất trong nội dung trong màn hình đầu tiên [4]) trên một trang web, đi lên từ điểm số từ 51 trên thiết bị di động (Hình 9) đến 72 (Hình 10) và tăng từ 59 (Hình 11) lên 79 trên máy tính để bàn (Hình 12).

Tận dụng trang bộ nhớ đệm trình duyệt Thông tin chi tiết về nhà phát triển Google
Khắc phục Google PageSpeed ​​tận dụng bộ nhớ đệm trình duyệt trong htaccess [6]

Bước 4: Kích hoạt tính năng nén htaccess

Kích hoạt tính năng nén trong htaccess cho phép tôi vượt qua bài kiểm tra Google PageSpeed ​​[1] Kiểm tra bộ nhớ đệm trình duyệt [7] trên một trang web, tăng từ điểm 72 trên thiết bị di động (Hình 13) lên 89 (Hình 14) và tăng từ 79 (Hình 14) Hình 15) đến 89 trên máy tính để bàn (Hình 16).

Tối ưu hóa mã hóa và chuyển kích thước của tài sản dựa trên văn bản - Nguyên tắc cơ bản về web
Khắc phục Google PageSpeed ​​cho phép nén trong PHP và htaccess [8]
Yoann
Trong khoảng Yoann
Yoann is an international business consultant. He helps businesses implementing their international projects, facilitating exchanges between various cultures, specialties, streams, and technologies. He thrives in designing, improving, adapting, innovating, and making solutions work, to satisfy clients. He created www.ybierling.com to share his expertise. He worked more than 10 years in international business development, global supply chain perfection, financial optimization, SAP ERP project deployment, and Web based business support for various industries, such as logistics, cosmetics, consumer goods, beauty care, or fashion, in more than 30 countries around the globe.
 

Bình luận (0)

Để lại một bình luận