How To Host CSS/JavaScript Files On Google Drive

SHARE:

Host CSS/Javscript is faster than embedded code in Blogger Template?

Blogger has no hosting for us to host css and javascript files. So we always find a free or cheap hosting to host our files. But before host them, we must compare the page speed to sure that way we host css / javascript files is faster than the way we embed them direct to our Blogger template HTML code.

Host your CSS / Javascript file on Google Drive

Of course, you need a Gmail account to login to your Google Drive. After logged in, click Upload button to upload your css / javascript files. In this test, I will upload two files: bloggeritems.com.css (100KB) andbloggeritems.com.js (500K)
After uploaded, you will see Upload Complete window. Click Share link of the file you had just uploaded to show Sharing settings window.
You can also click a file name and then click Share button to show Sharing settings window.
In Sharing settings window, at Who has access, click Change… link of Private – Only the people listed below can access option.
Public on the web option, then click Save.
After that, the window will come back the Sharing Settings window that allows you copy Link to share url. We will use this url for next section.
Before you can use the link that copied above, you must replace “docs.google.com/file/d” to “googledrive.com/host” and remove “/edit?usp=sharing” in the link. Below is an example:
From this: https://docs.google.com/file/d/0B6J4nBUXfVekel9xZ0JrZ25zT28/edit?usp=sharing
To this: https://googledrive.com/host/0B6J4nBUXfVekel9xZ0JrZ25zT28. Use the replaced link to embedded to your template code. 
With css:
[<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B6J4nBUXfVekel9xZ0JrZ25zT28" />]
With javascript:

[<script type="text/javascript" src="https://googledrive.com/host/0B6J4nBUXfVekel9xZ0JrZ25zT28"></script>]

Comparing host and direct embedded code speed


After I used PageSpeed Insights to test, the result surprised me. Below is the result when we host 2 files on Google Drive:
PageSpeed Insights Result with hosted files from Google Drive
PageSpeed Insights with Direct embedded code

Yes, the result is too different. With hosted files from Google Drive, the speed is only 47/100. But if you use direct code embedded to template, the speed will be 84/100, too fast.
We are talking about Google Drive hosting, one of fastest and stable hosting of World, but as you see, the test showed us that the Blogger hosting is better than.
So, that’s why I always embedded javascript and css direct in template code, and may be your customers also love that way (many customers used PageSpeed Insights to test my templates, so I must sure they satisfy with result).

Conclusion

Never use Google Drive to host css or javascript files, it’s slow. Just host your files in case you can not embedded it direct in Blogger template code, example: flash, media files, … Wish you always enjoy your blog as the best way!
If you like please share it with your friends.

COMMENTS

Name

AI,4,AMD,1,Android,8,Apple,2,Automobile,1,Bitcoin,2,Blogger,7,Bloging,4,Breakthrough,1,Camera,1,Computer,9,CPU,1,Cryptocurrency,1,CuttingEgde,2,CyberSecurity,5,Download,1,Editing,1,Gaming,44,Giveaway,4,Guide,1,Hacking,3,Hacking News,4,Hardware,18,How To,12,i,4,iOS & Mac,9,iPhone,8,Laptop,1,Leak,6,Malwares,1,Marketing,2,Mobile,46,News,5,Notebook,2,Programming,14,Robotics,2,Rumor,5,Science,1,Security,14,SEO,2,Social Media,5,Software,14,Tablet,1,Technology,42,Weapon,1,Web,11,Website,1,Windows,1,
ltr
item
TechFonder: How To Host CSS/JavaScript Files On Google Drive
How To Host CSS/JavaScript Files On Google Drive
Host CSS/Javscript is faster than embedded code in Blogger Template?
https://3.bp.blogspot.com/-V2O5ODnUjrg/WCc1vOug6YI/AAAAAAAAA5I/GGBn5MfYZioaRODVwTPoBFbptEnVg__BwCEw/s1600/textgram_1478958023.jpg
https://3.bp.blogspot.com/-V2O5ODnUjrg/WCc1vOug6YI/AAAAAAAAA5I/GGBn5MfYZioaRODVwTPoBFbptEnVg__BwCEw/s72-c/textgram_1478958023.jpg
TechFonder
http://www.techfonder.com/2016/11/how-to-host-cssjavascript-files-on_12.html
http://www.techfonder.com/
http://www.techfonder.com/
http://www.techfonder.com/2016/11/how-to-host-cssjavascript-files-on_12.html
true
4189235006833635040
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy