Difference between revisions of "Javascript"
Ralph.ebnet (talk | contribs) (→Definition) |
(→Similar articles) |
||
| (One intermediate revision by one other user not shown) | |||
| Line 1: | Line 1: | ||
| − | <seo title="What is | + | <seo title="What is JavaScript?" metadescription="JavaScript, often shortened to JS, is a scripting language that makes it possible for web developers to make web pages interactive. Learn more…" /> |
== Definition == | == Definition == | ||
| − | + | JavaScript, often shortened to JS, is a scripting language that allows web developers to build interactive web pages. It is one of the most used programming languages in web development, along with [[HTML5|HTML]] and CSS. | |
| − | In the past, | + | In the past, JavaScript was primarily used for [[Frontend|frontend]] development. However, it has gained popularity for backend development with frameworks like Node.js. |
| − | [[File:Javascript-head-tf-idf.png|link=|border|alt= | + | [[File:Javascript-head-tf-idf.png|link=|border|alt=JavaScript|Screenshot of HTML code containing JavaScript]] |
| − | [[File:Javascript-example.jpg|link=|border|650px|alt= | + | [[File:Javascript-example.jpg|link=|border|650px|alt=JavaScript example|Screenshot showing a JavaScript file]] |
| − | An example of | + | An example of JavaScript files in the head of our [https://freetools.seobility.net/en/tf-idf-keyword-tool/ tf-idf tool] page |
| − | == What is | + | == What is JavaScript used for? == |
| − | + | JavaScript is used for a range of different things, including automatically updating newsfeeds, forms, search features, and other interactive features. Nearly all interactive features you find on web pages are created using JavaScript. | |
JS is widely used in front-end development because it is supported by all major browsers. It is also used in other development disciplines including, mobile development, game development, and backend development. | JS is widely used in front-end development because it is supported by all major browsers. It is also used in other development disciplines including, mobile development, game development, and backend development. | ||
| − | == | + | == JavaScript libraries and frameworks == |
To make programming easier, there are many JS libraries and frameworks available. JS libraries are used to reduce the time it takes to write the code for more complex functionalities. They allow developers to use prewritten code snippets and create and store their own code snippets for future use. | To make programming easier, there are many JS libraries and frameworks available. JS libraries are used to reduce the time it takes to write the code for more complex functionalities. They allow developers to use prewritten code snippets and create and store their own code snippets for future use. | ||
| − | + | JavaScript frameworks are templates, providing a code structure for you to follow. This extra structure can make development easier, but it also adds limitations that a developer needs to work within. | |
Examples of JS libraries include: | Examples of JS libraries include: | ||
| Line 38: | Line 38: | ||
* Apache Royale | * Apache Royale | ||
| − | When | + | When JavaScript is written without the use of libraries or frameworks, it is called “vanilla JavaScript.” |
| − | == Client-side | + | == Client-side JavaScript vs server-side JavaScript == |
| − | + | JavaScript can be used on both the client-side and the server-side. Client-side JavaScript makes the manipulation of browsers and webpages possible. It runs the script on the user’s browser and is one of the most common uses of JavaScript. | |
| − | Server-side | + | Server-side JavaScript runs on the server instead of the browser and is less common than client-side JavaScript. Node.js is an example of a popular server-side scripting framework for JavaScript. |
| − | == | + | == JavaScript and search engines == |
| − | Although | + | Although JavaScript is an important programming language for web development, it isn’t always easy for [[Search Engine|search engines]] to process. This can create SEO issues if the JavaScript on a page isn’t optimized for [[Search Engine Crawlers|search engine crawlers]]. |
| − | This is especially true for sites that serve important content, links, or other resources using | + | This is especially true for sites that serve important content, links, or other resources using JavaScript instead of HTML and CSS. This can cause issues with crawling since content can be available to users but not to search engine crawlers. |
| − | To understand why search engines like Google can have difficulty with | + | To understand why search engines like Google can have difficulty with JavaScript, it’s important to know that Google [[Indexing|indexes]] and [[Rendering|renders]] pages separately because running a script takes up more resources. |
| − | Rendering costs more time and resources, so these two stages are split up to allow HTML and CSS to be indexed quickly. This means that content served using | + | Rendering costs more time and resources, so these two stages are split up to allow HTML and CSS to be indexed quickly. This means that content served using JavaScript can take longer to process, causing indexing to take more time. |
| − | Over the past few years, major search engines, like Google, have gotten better at crawling and indexing | + | Over the past few years, major search engines, like Google, have gotten better at crawling and indexing JavaScript. However, many smaller search engines or other crawlers may still have issues loading it. |
| − | There are a few rendering methods that can help improve the way crawlers process | + | There are a few rendering methods that can help improve the way crawlers process JavaScript, namely: |
=== Server-side rendering === | === Server-side rendering === | ||
| − | When | + | When JavaScript is rendered on the server-side instead of on the client-side, both users and crawlers are served the fully rendered page. This prevents many of the SEO issues that can be caused by JavaScript but also takes up a lot of server resources. |
=== Dynamic rendering === | === Dynamic rendering === | ||
| − | Dynamic rendering allows server-side rendered resources to be sent to crawlers while allowing other users to render content on the client | + | Dynamic rendering allows server-side rendered resources to be sent to crawlers while allowing other users to render content on the client side. This prevents SEO issues related to crawling and indexing while also preventing additional strain on the server. |
=== Hybrid rendering === | === Hybrid rendering === | ||
| Line 74: | Line 74: | ||
== Its importance in web development and SEO == | == Its importance in web development and SEO == | ||
| − | + | JavaScript is one of the most important programming languages to understand. It is very dynamic, being used for both frontend and backend web development. | |
| − | Given the impact it can have on SEO as well as a [[Page Speed|page’s speed]] and performance, it is an important topic to understand. By understanding what | + | Given the impact it can have on SEO as well as a [[Page Speed|page’s speed]] and performance, it is an important topic to understand. By understanding what JavaScript is and learning the best practices, you can learn to program more effectively and improve your site’s performance. |
== Related links == | == Related links == | ||
| Line 90: | Line 90: | ||
[[Category:Web Development]] | [[Category:Web Development]] | ||
| + | |||
| + | {| class="wikitable" style="text-align:left" | ||
| + | |- | ||
| + | |'''About the author''' | ||
| + | |- | ||
| + | | [[File:Seobility S.jpg|link=|100px|left|alt=Seobility S]] The Seobility Wiki team consists of seasoned SEOs, digital marketing professionals, and business experts with combined hands-on experience in SEO, online marketing and web development. All our articles went through a multi-level editorial process to provide you with the best possible quality and truly helpful information. Learn more about <html><a href="https://www.seobility.net/en/wiki/Seobility_Wiki_Team" target="_blank">the people behind the Seobility Wiki</a></html>. | ||
| + | |} | ||
| + | |||
| + | <html><script type="application/ld+json"> | ||
| + | { | ||
| + | "@context": "https://schema.org", | ||
| + | "@type": "Article", | ||
| + | "author": { | ||
| + | "@type": "Organization", | ||
| + | "name": "Seobility", | ||
| + | "url": "https://www.seobility.net/" | ||
| + | } | ||
| + | } | ||
| + | </script></html> | ||
Latest revision as of 16:17, 6 December 2023
Contents
Definition
JavaScript, often shortened to JS, is a scripting language that allows web developers to build interactive web pages. It is one of the most used programming languages in web development, along with HTML and CSS.
In the past, JavaScript was primarily used for frontend development. However, it has gained popularity for backend development with frameworks like Node.js.
An example of JavaScript files in the head of our tf-idf tool page
What is JavaScript used for?
JavaScript is used for a range of different things, including automatically updating newsfeeds, forms, search features, and other interactive features. Nearly all interactive features you find on web pages are created using JavaScript.
JS is widely used in front-end development because it is supported by all major browsers. It is also used in other development disciplines including, mobile development, game development, and backend development.
JavaScript libraries and frameworks
To make programming easier, there are many JS libraries and frameworks available. JS libraries are used to reduce the time it takes to write the code for more complex functionalities. They allow developers to use prewritten code snippets and create and store their own code snippets for future use.
JavaScript frameworks are templates, providing a code structure for you to follow. This extra structure can make development easier, but it also adds limitations that a developer needs to work within.
Examples of JS libraries include:
- jQuery
- ReactJS
- Dojo Toolkit
- Google Polymer
Examples of JS frameworks include:
- AngularJS
- Vue.js
- Apache Royale
When JavaScript is written without the use of libraries or frameworks, it is called “vanilla JavaScript.”
Client-side JavaScript vs server-side JavaScript
JavaScript can be used on both the client-side and the server-side. Client-side JavaScript makes the manipulation of browsers and webpages possible. It runs the script on the user’s browser and is one of the most common uses of JavaScript.
Server-side JavaScript runs on the server instead of the browser and is less common than client-side JavaScript. Node.js is an example of a popular server-side scripting framework for JavaScript.
JavaScript and search engines
Although JavaScript is an important programming language for web development, it isn’t always easy for search engines to process. This can create SEO issues if the JavaScript on a page isn’t optimized for search engine crawlers.
This is especially true for sites that serve important content, links, or other resources using JavaScript instead of HTML and CSS. This can cause issues with crawling since content can be available to users but not to search engine crawlers.
To understand why search engines like Google can have difficulty with JavaScript, it’s important to know that Google indexes and renders pages separately because running a script takes up more resources.
Rendering costs more time and resources, so these two stages are split up to allow HTML and CSS to be indexed quickly. This means that content served using JavaScript can take longer to process, causing indexing to take more time.
Over the past few years, major search engines, like Google, have gotten better at crawling and indexing JavaScript. However, many smaller search engines or other crawlers may still have issues loading it.
There are a few rendering methods that can help improve the way crawlers process JavaScript, namely:
Server-side rendering
When JavaScript is rendered on the server-side instead of on the client-side, both users and crawlers are served the fully rendered page. This prevents many of the SEO issues that can be caused by JavaScript but also takes up a lot of server resources.
Dynamic rendering
Dynamic rendering allows server-side rendered resources to be sent to crawlers while allowing other users to render content on the client side. This prevents SEO issues related to crawling and indexing while also preventing additional strain on the server.
Hybrid rendering
Hybrid rendering allows for the important resources to be rendered on the server-side, with the less vital content being rendered on the client-side. This spreads the load between the client and the server while still allowing crawlers to view the important content instantly.
Its importance in web development and SEO
JavaScript is one of the most important programming languages to understand. It is very dynamic, being used for both frontend and backend web development.
Given the impact it can have on SEO as well as a page’s speed and performance, it is an important topic to understand. By understanding what JavaScript is and learning the best practices, you can learn to program more effectively and improve your site’s performance.
Related links
- https://www.youtube.com/watch?v=PFwUbgvpdaQ
- https://www.w3.org/wiki/JavaScript_best_practices
- https://developers.google.com/search/docs/guides/javascript-seo-basics
Similar articles
| About the author |
 |