jQuery and Blogger Integration LazyLoad and Normal Load

Hello,

Have you ever wonder that JavaScript can minimise the loading speed of your website and provide the sick functionality is to your scripts?

No, Right?

If you are new on blogger then you must learn about what is jQuery.

So let's start by giving the small introduction of jQuery...

jQuery the loving JavaScript ❤️:

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

jQuery is defined as a Document Object Model manipulation library. jQuery is a small and fast JavaScript library which is designed to summarise and simplify writing functions in order to make web development faster.

There is no need of license to use jquery. This is an open-source project which uses the permissive MIT License. As of May 2019, jQuery is used by 73% of the 10 million most popular websites.

Advantages of jQuery Javascript:

1. Lightweight Footprint : Only 30kB minified and g-zipped. Can also be included as an AMD module.
2. CSS3 Compliant : Supports CSS3 selectors to find elements as well as in style property manipulation.
3. Cross-Browser : Chrome, Edge, Firefox, IE, Safari, Android, iOS, and more.
4. Excellent API Documentation : jQuery provides excellent online API documentation.
5. Unobtrusive: jQuery is unobtrusive which allows separation of concerns by separating html and jQuery code.

Disadvantages of jQuery Javascript:

1. jQuery is a single JS file which contains all its DOM, events, effects, and AJAX components. The file, over time and development, has gained a significant amount of kilobytes.
2. jQuery DOM APIs are now obsolete. Modern browsers can now do the same work, but much more quickly than jQuery!
3. jQuery’s abstraction hides the complex parts of JavaScript, making learning JavaScript much more difficult.

LazyLoad jQuery Javascript Codes:

jQuery official CDN

<script defer src='https://code.jquery.com/jquery-3.3.1.min.js'></script>

Microsoft CDN

<script defer src='https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js'></script>

Cloudflare CDN

<script defer src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>

Google CDN

<script defer src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>

Conclusion :

In conclusion I would like to conclude that I had given all the links for the cdn from different sources and hope you are using it easily without any problems.

But if it not the case then please do comment below to let me know and I will reply to you as soon as possible.

Thanks

yioman.blogspot.com