Home » Blogger » Tips Meringankan Loading Font Awesome Menjadi Cepat

Tips Meringankan Loading Font Awesome Menjadi Cepat

Bekicot Senin, 26 Februari 2018 Blogger Edit

Tips Meringankan Loading Font Awesome Menjadi Cepat

Font Awesome memang sering digunakan untuk menambahkan Icon pada Navigasi atau pada Back To Top Blog contohnya saja pada blog ini menggunakan Font Awesome yah selain mudah digunakan dan ngak ribet kalau dipasang juga. Saya juga suka dengan Font Awesome yah tapi ngak lama sih karena lagi mempelajari SVG jauh lebih ringan.

Untuk meringankan Load Font Awesome saya menggunakan Javascript agar Load pada Font Awesome menjadi lebih ringan tidak berat jika kamu akses blog ini pasti ringan ngak berat yah itu karena saya sudah Optimasi semua Tag pada Template ini tentu saja bukan hal sulit jika paham dengan benar kodenya.

Tutorial Load Font Awesome

1. Silahkan masuk ke Dashboard blog kamu blogger.com

2. Klik Template/Tema > Klik Edit HTML > Lalu kamu copas kode dibawah ini dan simpan diatas kode </head>

<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
//]]>
</script>

3. Simpan Template/Tema

4. Selesai

Penjelasan pada kode diatas

//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css

Kenapa kodenya tidak menggunakan http atau https? karena agar menyesuaikan dengan URL blog kita apakah http atau https.

https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css

Jika menggunakan URL https belum tentu URL kita menggunakan https bisa saja http jadi itu akan memperlambat load Font Awesome sendiri dikarena berbeda URL

Nah jika dihilangkan si http dan https makan url nya akan otomatis menggikuti URL blog kita bisa menjadi http atau https itu akan mempercepat load Font Awesome dengan begitu Load tidak bakalan lama.

0 Response to "Tips Meringankan Loading Font Awesome Menjadi Cepat"

Posting Komentar

Langganan: Posting Komentar (Atom)

<!--
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2590414968-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4abgAt7CCmJr0Gjse7EUfMNblWnw:1718715212364';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2169839582378808761','//healthproblematica.blogspot.com/2018/02/tips-meringankan-loading-font-awesome.html','2169839582378808761');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2169839582378808761', 'title': 'Healt Alfa', 'url': 'https://healthproblematica.blogspot.com/2018/02/tips-meringankan-loading-font-awesome.html', 'canonicalUrl': 'http://healthproblematica.blogspot.com/2018/02/tips-meringankan-loading-font-awesome.html', 'homepageUrl': 'https://healthproblematica.blogspot.com/', 'searchUrl': 'https://healthproblematica.blogspot.com/search', 'canonicalHomepageUrl': 'http://healthproblematica.blogspot.com/', 'blogspotFaviconUrl': 'https://healthproblematica.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Healt Alfa - Atom\x22 href\x3d\x22https://healthproblematica.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Healt Alfa - RSS\x22 href\x3d\x22https://healthproblematica.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Healt Alfa - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2169839582378808761/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Healt Alfa - Atom\x22 href\x3d\x22https://healthproblematica.blogspot.com/feeds/7639224614167340628/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-6708914629014549', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/96abb60ddf386eca', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '7639224614167340628', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKQysZQEVLC8ZLGRfc4oonHAL9WtGds9dL_MgmmVtIEjbNFPqxNjP2CbEOZWM75LZry5kC5eTSnS0_5pfih06okh5zRuj1duxgmkkZo5m1OXDbe2-q5jfxPAt-PR_NYo-NKY0vZJjIpKrl/s72-c/Font+Awesome.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKQysZQEVLC8ZLGRfc4oonHAL9WtGds9dL_MgmmVtIEjbNFPqxNjP2CbEOZWM75LZry5kC5eTSnS0_5pfih06okh5zRuj1duxgmkkZo5m1OXDbe2-q5jfxPAt-PR_NYo-NKY0vZJjIpKrl/s320/Font+Awesome.png', 'pageName': 'Tips Meringankan Loading Font Awesome Menjadi Cepat', 'pageTitle': 'Healt Alfa: Tips Meringankan Loading Font Awesome Menjadi Cepat'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Tips Meringankan Loading Font Awesome Menjadi Cepat', 'description': 'Font Awesome memang sering digunakan untuk menambahkan Icon pada Navigasi atau pada Back To Top Blog contohnya saja pada blog ini menggunaka...', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKQysZQEVLC8ZLGRfc4oonHAL9WtGds9dL_MgmmVtIEjbNFPqxNjP2CbEOZWM75LZry5kC5eTSnS0_5pfih06okh5zRuj1duxgmkkZo5m1OXDbe2-q5jfxPAt-PR_NYo-NKY0vZJjIpKrl/s320/Font+Awesome.png', 'url': 'https://healthproblematica.blogspot.com/2018/02/tips-meringankan-loading-font-awesome.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 7639224614167340628}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'panel-2', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'panel-3', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull'));
</script>
</body>-->