A Beginner’s Guide to Lighthouse – SitePoint

You’ve built a website, but how well does it perform for your end users? It’s crucial to ask this question, but how can you get answers? One excellent option is to use Lighthouse.
Lighthouse allows you to easily and automatically analyze a web page’s performance and quality. It provides tools that let you understand how to improve your web page’s performance, accessibility, SEO and more. Using these scores to enhance your website will ultimately lead to attracting more users and increasing your website’s rank in search engines.
In this article, we’ll explore the importance of website performance, which is the highlight of Lighthouse’s scoring. We’ll also look at why we should use Lighthouse; how to use Lighthouse, both via Chrome and via the Lighthouse CLI; and the various audits Lighthouse can perform to score your web page, and why they’re important. We’ll also cover how some common performance and other website issues can be resolved.
We’ll also look at how to use WebPageTest, another powerful tool for assessing site performance.
Why Performance Is Important
If you look at some of the world’s best websites, they all have one thing in common: they provide their users with a superior experience. There are many reasons for this, but one of the most important ones is performance. Users love a fast website. The longer they have to wait for a website to load, the more likely they’ll leave the website in search of a better one that allows them to do what they need to do without the wait.
Improving your website’s performance can lead to a higher SEO ranking (as we’ll see in more details later in the article), and a boost in click-through and conversion rates. So, if you want more sales, sign-ups, or traffic, you’ll first have to ensure that your website’s performance is up to scratch.
Why Use Lighthouse
Lighthouse is an open-source tool created by Google. As Google is a reputable company that’s trusted by many, it makes the result more reliable than other tools. Furthermore, as Google’s search engine is the leading search engine for the past decade, appearing higher on their search engine will most likely result in more traffic. So, getting a higher score on their performance audit tool can potentially raise the ranking of your website in their search results.
But other than the fact that Lighthouse was created by Google, what makes it a good tool is its detailed results that have the user’s best interest at heart. Lighthouse provides many results concerning how long it takes the page to load, if the page (and ultimately the website) is secure, if the page’s accessibility practices and implementations allow for inclusivity of all users, and more.
How to Use Lighthouse
In this section, we’ll first go through the easiest way to use Lighthouse to analyze and check the score of a web page, which is done directly through Chrome. Then, we’ll check other Lighthouse tools that might provide even more detailed results or options.
Using Chrome
Using Lighthouse through Chrome is the easiest method to measure your website’s performance. First, open any web page that you’d like to measure. To demonstrate, I’ll be using some results from an audit run on my website and on GitHub for us to see a variety of sample results.
Next, open the devtools either by clicking shift + control + J or F12 on Windows/Linux, or option + command + J or fn + F12 on macOS.
After that, click on the Lighthouse tab.

As you can see, you can choose which categories you want the audit to include. These categories are Performance, Progressive Web App, Best Practices, Accessibility, and SEO. You can also choose whether you want the audit to run on Mobile or Desktop.
In this section, we’ll perform four audits which are Performance, Best Practices, Accessibility, and SEO, and we’ll run them on Desktop. However, to achieve optimal results, it’s important to test your web page under different conditions — such as on Mobile and at different internet speeds.
So, on the web page you want to measure, go ahead and choose the four categories mentioned and Desktop, then click Generate Report.

This can take a few minutes, and you’ll see that your browser’s window might grow and shrink through the process. This is because the report entails different screen sizes and conditions for your web page. Once it’s done, the Lighthouse tab will include the result for the audit, which will include the score for each of Performance, Best Practices, Accessibility, and SEO.

It should be noted that sometimes the results can be different based on your internet connection. Also, sometimes Lighthouse can show a notice that some extensions might have affected the result. If so, it’s probably best to run the test in an Incognito Window.
When Lighthouse has finished running, you can click on any of the categories to see a more detailed report.
Performance
Performance focuses on how to make your website load faster. We’ll go over the six important metrics for Performance, what they each entail and how to achieve a better score in each of them.
First Contentful Paint (FCP)
The first contentful paint (FCP) is measured from the moment the user navigates to the web page. It measures how long it takes for the first piece of DOM content to load. The DOM content can include images, non-white canvas elements, and SVG elements.
FCP is measured in seconds. In order for your web page to have a “Green” score — which means a fast FCP — the first piece of DOM content should take at most 1.8 seconds to load. Once it goes above that, it can go to either moderate or slow.
The reason FCP is important goes back to understanding the user. As mentioned before, users are impatient and will leave your website if it takes too long to load. A fast FCP keeps users engaged. It can be something as simple as a loading screen that tells the user to hang in tight because the web page is going to load soon.
One factor that can affect your website’s FCP time is fonts. Fonts can take a long time to load, sometimes making the text invisible until it loads. A good way to solve this is by using the CSS property font-display: swap; when declaring your font using @font-face. For example:
@font-face {
font-family: ‘MyFont’;
font-style: normal;
font-weight: 400;
src: url(MyFont.woff);
font-display: swap;
}

If you’re using Google Fonts, this property is now enabled by default. This property allows the text to appear using the user’s system default font until the website’s font is loaded.
Another factor that affects your FCP is render-blocking resources. These are usually JavaScript or CSS files that are loaded synchronously in the and take a long time to load. These resources will force the rest of the page to wait until they’re loaded before the page can fully load, thus affecting the FCP of DOM content.
Here are some ways you can resolve this:

Add the defer or async attributes to your

Minify the JavaScript and CSS files being used on the page, reducing its size so that loading these assets doesn’t take as long. This depends on what framework or programming language you’re using, but almost all of them have a way of doing that. You can check out simple tips on how to minify JavaScript when using various popular frameworks on the web.dev site.

Remove unused CSS in your web page. As the amount of CSS grows in size, reducing your CSS files by removing unnecessary rules and properties that aren’t being used on a page can make it load faster. Again, there are different ways to do that based on the framework you’re using. However, you can use Chrome’s developer tools to view unused CSS in the Coverage tab. Using frameworks like Tailwind CSS — which use the tree-shaking mechanism to reduce your CSS styles instead of inflating your website with many styles you’ll probably never use — can help in making your website load faster.

Reduce the server’s response time. This can be done either by performing the logic required for the page to load using asynchronous requests, caching the data the server is frequently using, or optimizing your server code to get the required result faster.

When you perform the Performance audit, if your web page has an issue with the fonts, the content-blocking resources, unused CSS, or other of the issues mentioned above, Lighthouse will highlight each file causing the issue and give tips on how it can be improved. For example, if a font is blocking the text’s visibility, Lighthouse will show you the font file that’s causing the issue and how resolving the issue will make the page’s FCP time faster.
Here’s an example from the GitHub audit report that shows a CSS file as a “render-blocking resource”.

As you read the rest of the metrics, you’ll realize that they somehow depend on the result of this one. So, it’s important to have a good score in FCP.
Time to Interactive (TTI)
Time to interactive (TTI) measures how long it takes for your user to be able to fully interact with the web page. The result of TTI depends on FCP, as the faster the FCP, the faster the user can interact with the web page.
Users not only need to see the page loaded, but they also need to be able to interact with it. It even becomes more annoying if the website seems fully loaded but the user can’t interact with it properly. For example, clicking a button doesn’t do anything, even though it looks ready to use on screen. Improving your website’s TTI will make it easier for your users to use your website, which can result in a better conversion rate.
In order for a web page to be considered fully active, it first needs to achieve FCP. Then, event handlers should be registered for those elements on the page that are visible. And finally, the page should be able to respond to a user’s interactions within 50ms.
A web page’s TTI is measured in seconds. For a web page to have a good TTI, it should take at most 3.8 seconds to become fully interactive. If the page takes longer than that, it will either be considered moderate or slow.
There are several factors that affect a web page’s TTI score. The most common are “main thread work” and “JavaScript execution time”.
Main thread work means the process it takes for the browser to render a page. For the browser to render a page, it first parses the HTML, then builds the DOM, parses the CSS, and executes the JavaScript. If this process takes too long, it means it will also take long for the page to be ready to respond to the user’s interactions, as processing events is also a part of the main thread work.
JavaScript execution time includes the time it takes to fetch the script, parse it, compile it, execute it, and the memory it might use. If fetching the script takes a long time due to its size, it will take a longer time to be able to parse and execute it. After the script is fetched, parsing and compiling it occurs in the main thread work, so if it takes a long time, it will slow down the main thread work. If the script has a lot of code to be executed on page load, which occurs on the main thread work, it will take a long time for the web page to be ready for the user’s interaction.
Improving the TTI metric is very similar to FCP, as it relies on it first and foremost. Good practices would be to minify JavaScript and CSS files and remove any unused code in them. An additional thing you can do is to split the JavaScript and CSS files into bundles (typically done with a bundler, such as webpack). This means that the web page can fetch the bundles faster, and if you’re also using the defer attribute, as detailed in the previous section, it will fetch the bundles even faster asynchronously.
Total Blocking Time (TBT)
This one is pretty similar in concept to TTI. Total blocking time (TBT) measures the total time between FCP and TTI, during which various tasks block user interaction. If an individual task takes longer than 50ms, then it’s considered blocking, and the time after that point is added to the total blocking time. For example, if a particular task takes 90ms, 40ms (that is, 90ms – 50ms) is added to the TBT overall measurement .
This metric basically emphasizes what TTI measures, with extra focus on which tasks are affecting the load time of your page, and how much are they affecting it.
TBT is measured in milliseconds. To get a good TBT score, the total blocking time of tasks on your web page should not be more than 200ms.
To improve your TBT score, it’s similar to TTI. You need to minimize main thread work and reduce JavaScript execution. However, as TBT looks more into the details of the code execution, additional enhancements could be optimizing your JavaScript code so that it works faster. For example, when selecting an element from the document, be specific in your selector rather than using a generic selector like div. Take a deeper look into your code, and look for any chance to improve your code, which will in turn optimize the time each task takes.
Largest Contentful Paint (LCP)
Largest contentful paint (LCP) measures how long it takes for the largest element in the visible viewport to load. The elements that are taken into consideration are , ,

Use a CDN for your assets like images and videos. CDNs serve assets faster, so it can improve on the “server response time” for these assets.

Compress the images to a smaller size. This can be done by many online tools like Compress PNG. Making the image smaller reduces the time it needs to be loaded.

Convert your images to WebP, as they’re smaller than PNG and JPEG images. This also can be done using online tools.

Correctly size the image based on the device’s size.

To do that last task, you can use the element to include the image based on the width of the device. For example:

Notice that, in order to specify the media size, we use thetag and specify the media attribute. However, to make sure our web page supports all browsers and user agents, we add the tag as a fallback in caseis not supported by the browser.
As it’s not ideal to always resize and convert images, a great option that will do that for you on the fly is Cloudinary. Cloudinary optimizes your images by resizing and converting them as necessary, and they offer a pretty good free plan.
Another option for automating this process is using tools like Gulp or webpack.
For example, the image below shows the report run on my website that includes a warning about image sizes.

Speed Index
As you can probably guess from the name, the speed index metric measures the speed at which the content of the page becomes visible. It’s done by capturing a video of the page loading, then computing the visual progression between frames.
This metric, similar to the rest, is measured in seconds. To have a good speed index score, your page should load its content within 3.4 seconds from the time it starts loading.
This metric relies a lot on previous metrics mentioned. Your web page’s speed index will drop if it has any of the aforementioned issues — such as when the images aren’t compressed, styles and scripts aren’t minified and optimized, or a lot of work is happening on the main thread. These issues will delay the visibility of the content of the page. To improve your speed index, work on improving the same issues that have been discussed already.
Cumulative Layout Shift (CLS)
Cumulative layout shift (CLS) measures the number of times the layout of a page changes before it’s fully loaded. For example, how many times, as the page is loading, does a user try to click on a button, only for the content to move and result in the user clicking somewhere else? It can be very annoying, and sometimes can cause users to perform actions that they didn’t actually intend.
Each layout change is called a layout shift. CLS measures the multiple layout shifts that occur within a second. So, if your web page has a lot of layout changes, it will have a bad CLS score. The lower the CLS score the better. A web page’s CLS score should be 0.1 or below to be considered fast.
Here are some tips to avoid layout shifts, thus lowering and improving the CLS score of the page:

Set the height and width attributes of an image or video, so that even if it takes a long time to load, it won’t move content around it once it’s loaded. When these attributes are set, the space of that height and width will still be held for the asset as it loads, and the content around it won’t be affected when it loads.

Avoid using popups or any overlaying elements unless they appear when the user interacts with the page — for example, when the user clicks a button.

When it’s necessary to move elements, use transform animations, which indicate to the user that a layout change is about to happen rather than catch them off guard.

The Impact Performance Metrics Have On The Search Console
Google’s Search Console is a great tool for understanding how your website is performing in the search engine. You can see a lot of information about your site’s SEO, including which queries your website rank higher for, which pages the users find through performing search queries, and how high the rankings of your web pages are.
If you have an account on Google’s Search Console and have your website added to it, you’ll notice that, in the sidebar, there’s “Core Web Vitals”.
Web Vitals was created by Google to simplify the process of improving your website’s user experience and make it unified. Core Web Vitals is a subset of the Web Vitals. They’re the most important metrics as they apply to all websites, and the results will be present in all Google Tools. At the time of writing this article, Core Web Vitals consists of FCP, LCP and CLS. However, the list is expected to expand, as the research for improving user experience and performance is ongoing.

This page shows how the important metrics from the Performance audit measure up when used by users that find your website through the search engine, and if web pages have low metrics, it will show them as poor URLs or URLs that need improvements.
The core vital metrics are FCP, LCP and CLS. If your website or web page has a low score in these metrics, warnings of different levels will show in your site’s Core Web Vitals report. The image below shows an example of how LCP, CLS, and other issue will show up in Google’s Search Console.

According to Google, a website’s Page Experience report, which takes into account mobile usability issues and the core vital metrics, is used as a “ranking” signal for the URL. This means that, if a web page has a low core vital metric, it can rank lower in the results. For this reason, it’s important to have a good score in these three metrics.
Accessibility
The next audit that Lighthouse performs is Accessibility. Accessibility ensures that your users can access your website through different devices, hardware, or tools. It also ensures that users with disabilities are able to access your website the same way every other user can. Accessibility allows users in different use cases to access your website without affecting their experience.
Here are some tips to ensure a good accessibility score:

Ensure that your website includes Accessible Rich Internet Applications (ARIA) attributes. This includes using attributes like aria-checked, aria-labelledby, aria-describedby and more. You can learn more about ARIA and how to use the attributes in your website in the tutorial “Improve Your Website’s Accessibility With WAI-ARIA”.

When using ARIA attributes, make sure you’re using them correctly. For example, aria-disabled — which indicates whether an input is disabled — shouldn’t be used with elements like

.

Make sure the IDs of elements are unique.

Don’t use aria-hidden on the element.

Make sure the document has a title element.

There are many details that go into the Accessibility audit. When you perform the audit, if there are any issues, Lighthouse will highlight them for you, which elements these issues are found at, and possible fixes for them.

Best Practices
The Best Practices audit makes sure your web page follows the guidelines that makes a website good to use for a user. These ensure that when your user uses the website, they won’t be vulnerable to any security issues or errors that might lead to a bad experience.
Here are some tips for ensuring a good Best Practices score:

Make sure no errors are logged in the browser’s console. This means that if any page on your website has errors in it — be it links not loading or errors in your code — you should fix them so that they don’t happen anymore.

Ensure that, at the top of your HTML document, you have .

Protect your website with HTTPS. Even if your site doesn’t handle sensitive data, it’s generally a good practice to make sure your website is secure for all users.

Make sure your images are rendered in the correct aspect ratio. For example, a square image shouldn’t be rendered in a rectangular aspect ratio.

These are just some of the best-practice tips that will improve your Best Practices score. When you run the test on your web page, you’ll see if there are any issues to be addressed.

SEO
The SEO audit measures all the different practices and guidelines to make sure your page ranks well in search engines. Improving the score of this audit is a good start to improving your website’s SEO.
Here are some tips to improve your web page’s SEO score:

Ensure that your web page has the element, as well as good meta description in the <head> of the web page.</p> <p>Make sure your web page’s font sizes are readable on different screen sizes. Don’t make them too small!</p> <p>Instead of using links with the text “here” or “read more”, use a descriptive text that actually allows the user to understand where they’re going. For example, if your link leads to your Instagram account, the text should be “support my Instagram account”.</p> <p>Ensure that your site includes a robots.txt file, as search engines use it to crawl your website. You can learn more about how to create a good robots.txt file in Google’s Create a robots.txt file tutorial.</p> <p>If there are any problems in your SEO, your audit report will show you what they are and how you can solve them.<br /> It should be noted that the results Lighthouse provides are not generally enough to make sure that your SEO strategies are all working accordingly. But it’s still a good place to start.<br /> Using the CLI<br /> Another way you can check a web page’s score is by using Lighthouse’s CLI tool. The CLI tool allows you to use more options to make the report more accurate.<br /> Before you install the CLI tool, make sure you have Chrome installed. Also, you need to have Node.js installed, and it must be version 12 or above.<br /> To check your Node.js version, run the following command:<br /> node -v</p> <p>If it’s all good, you can now install the CLI tool for Lighthouse with the following command:<br /> npm install -g lighthouse</p> <p>Once it’s installed, you can run Lighthouse’s analysis using the following command:<br /> lighthouse <PAGE_URL></p> <p>Here, <PAGE_URL> is the URL of the page you want to generate a report for. Once you run this command, you’ll notice that Chrome will open several times, using different window sizes as well. You can also see, in the terminal, a detailed analysis of each test being performed.<br /> Once the audit is done, an HTML file with the result will be saved in the current directory you ran the command from. If you open it in any browser, you’ll see results similar to the ones we get using Lighthouse in Chrome.<br /> Options<br /> Here are some of the helpful options you can add:</p> <p>By default, the CLI tool will perform the audits on mobile devices of width 360px and height 640px and a device scale factor of two. To disable all these default values — that is, to perform the audits on a devices matching your desktop screen’s width and height, you can add the option --screenEmulation.disabled. To just change the width and height of the emulation instead, you can use the options --screenEmulation.width and --screenEmulation.height.</p> <p>To open the report for viewing, right after the test is done, add the option --view.</p> <p>You can specify port with --port and hostname with --hostname.</p> <p>To specify the categories you want to run, use the option --only-categories — for example, --only-categories=performance,seo.</p> <p>To specify the audits you want to run, use the option --only-audits. To exclude some audits, use the option --skip-audits.</p> <p>To specify the output type, use --output. Values can be “json”, “html”, and “csv” — for example, --output=json,html.</p> <p>To add headers to the request performed, use --extra-headers, where the value is a string — for example, --extra-headers "{"Accept":"application/json"}".</p> <p>To block requests in the page to certain URLs, use --blocked-url-patterns.</p> <p>There are further options and configurations for you to check out if you wish.<br /> Using WebPageTest<br /> WebPageTest allows for more advanced and detailed results compared to using Chrome or the CLI. Although it’s not created by Google, it still provides a deep analysis of your website’s performance in different scenarios, such as using a specific device to access your website or using slower internet connections.<br /> To perform a test and generate a report, open WebPageTest and enter the URL you want to test into the text field.</p> <p>You can also specify the test location, as different test locations provide different devices you can test on.<br /> Additionally, you can specify advanced settings if you scroll down below. In these settings, you can select different internet connections. This is extremely helpful, as it helps you understand how your website performs based on different users, such as those who have fast and slow internet connections. You can also specify the screen dimensions, and capture videos of the test as well.<br /> There are many other settings that allow you to test your site under different conditions. You can go through the different settings by switching between the tabs.</p> <p>Once you’re done, click Start Test. The test might take longer than other methods, as it provides more details than the tests we’ve done previously. Once it’s done, you’ll first see the general results of the metrics we specified earlier, including FCP, TBT, speed index and more. You can also see screenshots of each of the runs performed (by default, three runs are performed, but you can change that in the advanced settings in the previous form).</p> <p>In addition to the summary, you can check more details by clicking on the Details tab. This will show details including how long each resource took to load, when they were loaded, what headers are used to load each of the resources, and more.<br /> Under the Performance tab, you can see details regarding image compression, image formats, CDN assets, and more. You can use these details to determine how to improve the assets you’re using in your website, which can in turn improve the load time and performance of the website.<br /> WebPageTest provides a lot more details regarding your website’s score and how it performs when using different devices, internet connection speeds, or any other factor that can affect a user’s experience or a website’s performance. This makes WebPageTest a great choice for detailed analysis of how your website performs under different conditions. It might be somewhat advanced for some developers, so using Lighthouse on Chrome is certainly easier.<br /> Conclusion<br /> Improving your website’s performance is an essential step during development. It shouldn’t be ignored or taken lightly. Providing a fast website that’s also accessible and performs well in search engines can boost your website’s traffic, and increase sign ups or sales. Lighthouse is a great open-source tool that provides thorough insights and analysis to help you improve your website and attract more users.<br /> For more essential tips and advice about best practices to boost your website’s performance, be sure to check out SitePoint’s Jump Start Web Performance.</p> <p><a href="https://www.sitepoint.com/lighthouse-beginners-guide/?utm_source=rss" target="_blank" rel="noopener">Coded at </a></p> </div> <div class="entry-tags" ><a href="https://codinghindi.in/tag/beginners/" rel="tag">Beginners</a><a href="https://codinghindi.in/tag/guide/" rel="tag">Guide</a><a href="https://codinghindi.in/tag/lighthouse/" rel="tag">Lighthouse</a><a href="https://codinghindi.in/tag/sitepoint/" rel="tag">SitePoint</a></div> <div class="ct-share-box" data-location="bottom" data-type="type-1" > <span class="ct-module-title" >Share your love</span> <div data-icons-type="simple"> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcodinghindi.in%2Fa-beginners-guide-to-lighthouse-sitepoint%2F" rel="noopener noreferrer nofollow" data-network="facebook" aria-label="Facebook" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="Facebook Icon"> <path d="M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z"/> </svg> </span> </a> <a href="https://twitter.com/share?url=https%3A%2F%2Fcodinghindi.in%2Fa-beginners-guide-to-lighthouse-sitepoint%2F&text=A%20Beginner%26%238217%3Bs%20Guide%20to%20Lighthouse%20%26%238211%3B%20SitePoint" rel="noopener noreferrer nofollow" data-network="twitter" aria-label="Twitter" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="Twitter Icon"> <path d="M20,3.8c-0.7,0.3-1.5,0.5-2.4,0.6c0.8-0.5,1.5-1.3,1.8-2.3c-0.8,0.5-1.7,0.8-2.6,1c-0.7-0.8-1.8-1.3-3-1.3c-2.3,0-4.1,1.8-4.1,4.1c0,0.3,0,0.6,0.1,0.9C6.4,6.7,3.4,5.1,1.4,2.6C1,3.2,0.8,3.9,0.8,4.7c0,1.4,0.7,2.7,1.8,3.4C2,8.1,1.4,7.9,0.8,7.6c0,0,0,0,0,0.1c0,2,1.4,3.6,3.3,4c-0.3,0.1-0.7,0.1-1.1,0.1c-0.3,0-0.5,0-0.8-0.1c0.5,1.6,2,2.8,3.8,2.8c-1.4,1.1-3.2,1.8-5.1,1.8c-0.3,0-0.7,0-1-0.1c1.8,1.2,4,1.8,6.3,1.8c7.5,0,11.7-6.3,11.7-11.7c0-0.2,0-0.4,0-0.5C18.8,5.3,19.4,4.6,20,3.8z"/> </svg> </span> </a> <a href="#" rel="noopener noreferrer nofollow" data-network="pinterest" aria-label="Pinterest" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="Pinterest Icon"> <path d="M10,0C4.5,0,0,4.5,0,10c0,4.1,2.5,7.6,6,9.2c0-0.7,0-1.5,0.2-2.3c0.2-0.8,1.3-5.4,1.3-5.4s-0.3-0.6-0.3-1.6c0-1.5,0.9-2.6,1.9-2.6c0.9,0,1.3,0.7,1.3,1.5c0,0.9-0.6,2.3-0.9,3.5c-0.3,1.1,0.5,1.9,1.6,1.9c1.9,0,3.2-2.4,3.2-5.3c0-2.2-1.5-3.8-4.2-3.8c-3,0-4.9,2.3-4.9,4.8c0,0.9,0.3,1.5,0.7,2C6,12,6.1,12.1,6,12.4c0,0.2-0.2,0.6-0.2,0.8c-0.1,0.3-0.3,0.3-0.5,0.3c-1.4-0.6-2-2.1-2-3.8c0-2.8,2.4-6.2,7.1-6.2c3.8,0,6.3,2.8,6.3,5.7c0,3.9-2.2,6.9-5.4,6.9c-1.1,0-2.1-0.6-2.4-1.2c0,0-0.6,2.3-0.7,2.7c-0.2,0.8-0.6,1.5-1,2.1C8.1,19.9,9,20,10,20c5.5,0,10-4.5,10-10C20,4.5,15.5,0,10,0z"/> </svg> </span> </a> <a href="https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fcodinghindi.in%2Fa-beginners-guide-to-lighthouse-sitepoint%2F&title=A%20Beginner%26%238217%3Bs%20Guide%20to%20Lighthouse%20%26%238211%3B%20SitePoint" rel="noopener noreferrer nofollow" data-network="linkedin" aria-label="LinkedIn" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="LinkedIn Icon"> <path d="M18.6,0H1.4C0.6,0,0,0.6,0,1.4v17.1C0,19.4,0.6,20,1.4,20h17.1c0.8,0,1.4-0.6,1.4-1.4V1.4C20,0.6,19.4,0,18.6,0z M6,17.1h-3V7.6h3L6,17.1L6,17.1zM4.6,6.3c-1,0-1.7-0.8-1.7-1.7s0.8-1.7,1.7-1.7c0.9,0,1.7,0.8,1.7,1.7C6.3,5.5,5.5,6.3,4.6,6.3z M17.2,17.1h-3v-4.6c0-1.1,0-2.5-1.5-2.5c-1.5,0-1.8,1.2-1.8,2.5v4.7h-3V7.6h2.8v1.3h0c0.4-0.8,1.4-1.5,2.8-1.5c3,0,3.6,2,3.6,4.5V17.1z"/> </svg> </span> </a> <a href="https://t.me/share/url?url=https%3A%2F%2Fcodinghindi.in%2Fa-beginners-guide-to-lighthouse-sitepoint%2F&text=A%20Beginner%26%238217%3Bs%20Guide%20to%20Lighthouse%20%26%238211%3B%20SitePoint" rel="noopener noreferrer nofollow" data-network="telegram" aria-label="Telegram" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="Telegram Icon"> <path d="M19.9,3.1l-3,14.2c-0.2,1-0.8,1.3-1.7,0.8l-4.6-3.4l-2.2,2.1c-0.2,0.2-0.5,0.5-0.9,0.5l0.3-4.7L16.4,5c0.4-0.3-0.1-0.5-0.6-0.2L5.3,11.4L0.7,10c-1-0.3-1-1,0.2-1.5l17.7-6.8C19.5,1.4,20.2,1.9,19.9,3.1z"/> </svg> </span> </a> <a href="whatsapp://send?text=https%3A%2F%2Fcodinghindi.in%2Fa-beginners-guide-to-lighthouse-sitepoint%2F" rel="noopener noreferrer nofollow" data-network="whatsapp" aria-label="WhatsApp" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="WhatsApp Icon"> <path d="M10,0C4.5,0,0,4.5,0,10c0,1.9,0.5,3.6,1.4,5.1L0.1,20l5-1.3C6.5,19.5,8.2,20,10,20c5.5,0,10-4.5,10-10S15.5,0,10,0zM6.6,5.3c0.2,0,0.3,0,0.5,0c0.2,0,0.4,0,0.6,0.4c0.2,0.5,0.7,1.7,0.8,1.8c0.1,0.1,0.1,0.3,0,0.4C8.3,8.2,8.3,8.3,8.1,8.5C8,8.6,7.9,8.8,7.8,8.9C7.7,9,7.5,9.1,7.7,9.4c0.1,0.2,0.6,1.1,1.4,1.7c0.9,0.8,1.7,1.1,2,1.2c0.2,0.1,0.4,0.1,0.5-0.1c0.1-0.2,0.6-0.7,0.8-1c0.2-0.2,0.3-0.2,0.6-0.1c0.2,0.1,1.4,0.7,1.7,0.8s0.4,0.2,0.5,0.3c0.1,0.1,0.1,0.6-0.1,1.2c-0.2,0.6-1.2,1.1-1.7,1.2c-0.5,0-0.9,0.2-3-0.6c-2.5-1-4.1-3.6-4.2-3.7c-0.1-0.2-1-1.3-1-2.6c0-1.2,0.6-1.8,0.9-2.1C6.1,5.4,6.4,5.3,6.6,5.3z"/> </svg> </span> </a> </div> </div> <nav class="post-navigation "> <a href="https://codinghindi.in/what-is-devsecops-why-is-it-so-popular-the-crazy-programmer/" class="nav-item-prev"> <figure class="ct-image-container ct-lazy"><img width="300" height="300" class="attachment-medium size-medium" alt="" loading="lazy" data-ct-lazy="https://www.thecrazyprogrammer.com/wp-content/uploads/2021/07/What-is-DevSecOps-Why-Is-It-So-Popular-300x170.png" data-object-fit="~" itemprop="image" /><noscript><img fifu-featured="1" width="300" height="300" src="https://www.thecrazyprogrammer.com/wp-content/uploads/2021/07/What-is-DevSecOps-Why-Is-It-So-Popular-300x170.png" class="attachment-medium size-medium" alt="" title="" loading="lazy" /></noscript><svg width="20px" height="15px" viewBox="0 0 20 15"><polygon points="0,7.5 5.5,13 6.4,12.1 2.4,8.1 20,8.1 20,6.9 2.4,6.9 6.4,2.9 5.5,2 "/></svg><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <div class="item-content"> <span class="item-label"> Previous <span>Post</span> </span> <span class="item-title"> What is DevSecOps? Why Is It So Popular? - The Crazy Programmer </span> </div> </a> <a href="https://codinghindi.in/css-logical-properties-and-values/" class="nav-item-next"> <div class="item-content"> <span class="item-label"> Next <span>Post</span> </span> <span class="item-title"> CSS Logical Properties and Values </span> </div> <figure class="ct-image-container ct-lazy"><img width="300" height="300" class="attachment-medium size-medium" alt="" loading="lazy" data-ct-lazy="https://css-tricks.com/wp-json/social-image-generator/v1/image/344815" data-object-fit="~" itemprop="image" /><noscript><img fifu-featured="1" width="300" height="300" src="https://css-tricks.com/wp-json/social-image-generator/v1/image/344815" class="attachment-medium size-medium" alt="" title="" loading="lazy" /></noscript><svg width="20px" height="15px" viewBox="0 0 20 15"><polygon points="14.5,2 13.6,2.9 17.6,6.9 0,6.9 0,8.1 17.6,8.1 13.6,12.1 14.5,13 20,7.5 "/></svg><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> </a> </nav> </article> </div> <div class="ct-comments-container"> <div class="ct-container-narrow"> <div class="ct-comments" id="comments"> <h3 class="ct-comments-title"> 11 Comments </h3> <ol class="ct-comment-list"> <li id="comment-453" class="comment even thread-even depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-453"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/63ea218687485da350a698dee406d33c?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="f" ><noscript><img src="https://secure.gravatar.com/avatar/63ea218687485da350a698dee406d33c?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="f" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> f </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/a-beginners-guide-to-lighthouse-sitepoint/#comment-453"> Jul 28, 2021 / 9:34 am </a> <a rel='nofollow' class='comment-reply-link' href='#comment-453' data-commentid="453" data-postid="1553" data-belowelement="ct-comment-inner-453" data-respondelement="respond" data-replyto="Reply to f" aria-label='Reply to f'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>Ꮋi there this is kind of of off topic but Ӏ was wanting to know<br /> if blogѕ use WΥSIWYG editors or if yօu have to manuallү code with HTML.<br /> I’m starting a blog soon but have no coding expertise so І wanted to get advice from ѕomeοne with experience.<br /> Any help would be enormoᥙslʏ appreⅽiated!</p> </div> </div> </li> <li id="comment-476" class="comment odd alt thread-odd thread-alt depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-476"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/acc3398286bcfcf2cc31834debbbf3fd?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="judionline.simplesite.com" ><noscript><img src="https://secure.gravatar.com/avatar/acc3398286bcfcf2cc31834debbbf3fd?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="judionline.simplesite.com" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> judionline.simplesite.com </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/a-beginners-guide-to-lighthouse-sitepoint/#comment-476"> Jul 30, 2021 / 1:18 pm </a> <a rel='nofollow' class='comment-reply-link' href='#comment-476' data-commentid="476" data-postid="1553" data-belowelement="ct-comment-inner-476" data-respondelement="respond" data-replyto="Reply to judionline.simplesite.com" aria-label='Reply to judionline.simplesite.com'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>If some one wishes expert view regarding blogging<br /> afterward i recommend him/her to visit this blog, Keep up the pleasant work.</p> </div> </div> </li> <li id="comment-480" class="comment even thread-even depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-480"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/2f7f339b57a5b5b6200015718d542594?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="see post install wifi intercom" ><noscript><img src="https://secure.gravatar.com/avatar/2f7f339b57a5b5b6200015718d542594?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="see post install wifi intercom" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> see post install wifi intercom </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/a-beginners-guide-to-lighthouse-sitepoint/#comment-480"> Jul 30, 2021 / 3:40 pm </a> <a rel='nofollow' class='comment-reply-link' href='#comment-480' data-commentid="480" data-postid="1553" data-belowelement="ct-comment-inner-480" data-respondelement="respond" data-replyto="Reply to see post install wifi intercom" aria-label='Reply to see post install wifi intercom'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>Your mode of explaining everything in this article is actually<br /> pleasant, all be able to simply understand it, Thanks a lot.</p> </div> </div> </li> <li id="comment-494" class="comment odd alt thread-odd thread-alt depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-494"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/6b28d10e73ba7d430309bbefc2463fc6?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="plot" ><noscript><img src="https://secure.gravatar.com/avatar/6b28d10e73ba7d430309bbefc2463fc6?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="plot" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> plot </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/a-beginners-guide-to-lighthouse-sitepoint/#comment-494"> Jul 31, 2021 / 12:02 am </a> <a rel='nofollow' class='comment-reply-link' href='#comment-494' data-commentid="494" data-postid="1553" data-belowelement="ct-comment-inner-494" data-respondelement="respond" data-replyto="Reply to plot" aria-label='Reply to plot'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>Tһis ɑrticle is really a nice one it heⅼps new web people, who are wishіng for blogging.</p> </div> </div> </li> <li id="comment-495" class="comment even thread-even depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-495"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/c3f691a42018ac346e2e19ca2540d7aa?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="attempted" ><noscript><img src="https://secure.gravatar.com/avatar/c3f691a42018ac346e2e19ca2540d7aa?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="attempted" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> attempted </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/a-beginners-guide-to-lighthouse-sitepoint/#comment-495"> Jul 31, 2021 / 1:56 am </a> <a rel='nofollow' class='comment-reply-link' href='#comment-495' data-commentid="495" data-postid="1553" data-belowelement="ct-comment-inner-495" data-respondelement="respond" data-replyto="Reply to attempted" aria-label='Reply to attempted'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>Hi, Neat ρost. There’s an issue together with your web<br /> site in web explorer, mɑy test this? IE nonetheleѕs is the marketplace leader<br /> and a good portion of folks will omit your wonderful writing because of this рroЬlem.</p> </div> </div> </li> <li id="comment-598" class="comment odd alt thread-odd thread-alt depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-598"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/3836496a8666587ffd2060df602e12e1?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="car insurance ontario canada" ><noscript><img src="https://secure.gravatar.com/avatar/3836496a8666587ffd2060df602e12e1?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="car insurance ontario canada" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> car insurance ontario canada </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/a-beginners-guide-to-lighthouse-sitepoint/#comment-598"> Aug 8, 2021 / 5:27 pm </a> <a rel='nofollow' class='comment-reply-link' href='#comment-598' data-commentid="598" data-postid="1553" data-belowelement="ct-comment-inner-598" data-respondelement="respond" data-replyto="Reply to car insurance ontario canada" aria-label='Reply to car insurance ontario canada'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>I feel this is one of the most significant information for me.<br /> And i’m satisfied reading your article. However should observation on few common issues, The<br /> web site style is ideal, the articles is in point of fact<br /> excellent : D. Good process, cheers</p> </div> </div> </li> <li id="comment-806" class="comment even thread-even depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-806"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/ac0924c5609ea4bafdb001d444da296b?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="GunockAnnelia" ><noscript><img src="https://secure.gravatar.com/avatar/ac0924c5609ea4bafdb001d444da296b?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="GunockAnnelia" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> GunockAnnelia </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/a-beginners-guide-to-lighthouse-sitepoint/#comment-806"> Sep 4, 2021 / 1:35 pm </a> <a rel='nofollow' class='comment-reply-link' href='#comment-806' data-commentid="806" data-postid="1553" data-belowelement="ct-comment-inner-806" data-respondelement="respond" data-replyto="Reply to GunockAnnelia" aria-label='Reply to GunockAnnelia'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>The lady could remove the pressure bandage in 24 hours and the small adhesive bandage over the insertion website after 3 to five days. Comparison of a new multidose powder inhaler (Diskus/Accuhaler) and the Turbuhaler concerning desire and ease of use. M ulM ulttiiplplee oottheherrvveesssseellss aarree sseeeenn wwiitthihinn tthehe m am assss. weight loss pills 8236 <a href="https://gmsdc.org/conference/sector3/activity7/" rel="nofollow ugc">purchase orlistat 60mg line</a>.<br /> Vital status we hierarchically assessed all-trigger mortality, fol- at month 30 was assessed for all enrolled patients. Antisickness drugs If there is any nausea or lack of urge for food, then the next can be utilized up to a maximum of 2 days per week. In a retrospective research of adults with medsimilar to phenytoin, apart from the deletion of one phenyl group ically refractory epilepsy, ethotoin as adjunctive therapy from position 5 and the addition of an ethyl group in position 3 lowered overall seizure frequency, especially the frequency of of the hydantoin ring prostate extract <a href="https://gmsdc.org/conference/sector3/activity4/" rel="nofollow ugc">buy uroxatral american express</a>. He is an alumnus of Centre College, where he majored in biochem istry and molecular biology, the Johns Hopkins School of Medicine, and the Halsted General Surgery Internship at Johns Hopkins Hospital. But once numerous characteristics of the part of dying have been observed, it can be assumed that the affected person is approaching the purpose at which dying is inevitable. For instance, the number of animals in each therapy group and the quantity with varying degrees of irritation could also be categorized into severity levels, corresponding to no opposed impact, delicate opposed effect, or average/severe impact treatment zone lasik <a href="https://gmsdc.org/conference/sector3/activity8/" rel="nofollow ugc">purchase 100 ml duphalac free shipping</a>. Mortality tendencies: Kidney cancer death rates have been lowering by about 1% per 12 months since 2002. Secondary and tertiary preventions are key to reducing the danger of expensive diabetic complications, in addition to their associated disabilities. Dev Med malian tissue exterior the central nervous system, and its potential relevance Child Neurol allergy symptoms to kale <a href="https://gmsdc.org/conference/sector3/activity5/" rel="nofollow ugc">order claritin 10 mg with visa</a>.<br /> Pregnant ladies in the first trimester should be referred to the nearest maternal and youngster health centre/outpatient division or to hospital. Indirect (surrogate) measures of tear outfow and volume as it’s assumed that fuorescein and aqueous tear are eradicated at the identical price from the attention. We excluded one examine because we could not reproduce their significance estimates or conclusions arrhythmia kardiak <a href="https://gmsdc.org/conference/sector3/activity3/" rel="nofollow ugc">lasix 40mg with visa</a>. Many thanks additionally to authors and jour- nals for generously granting permission to reproduce tables and figures. The following are six major glomerular or BrightпїЅs disease is the time period used for illnesses that primarily syndromes commonly discovered in different glomerular ailments: contain the renal glomeruli. If for a particular component is shone by way of the celebrity, and some of unlabelled antigen is added to this technique, there is competi this mild is absorbed by the atoms of the sample impotence remedies <a href="https://gmsdc.org/conference/sector3/activity10/" rel="nofollow ugc">purchase 60mg levitra extra dosage otc</a>. Always check with the respective chapter within the Manual for disease-particular guidelines for classification, as this type just isn’t representative of all rules, exceptions and directions for this illness. Effectiveness of national implementation of extended exposure therapy in Veterans Affairs care. Hydrochlorothiazide also can trigger fast improvement of hyponatremia when added to the 73 combination of spironolactone and furosemide; it ought to be used with extreme caution or avoided allergy medicine hsa <a href="https://gmsdc.org/conference/sector3/activity1/" rel="nofollow ugc">purchase promethazine 25 mg on-line</a>.<br /> Any illegal act or omission of duty on the part of the tenant which ends up in permanent injury to the inheritance. Evidence of Impact Health Impact Health Disparity Impact Economic Impact Self-management support Self-management packages have the costs of continual illness self and schooling has been linked been efective amongst both white and management programs vary specifcally to optimistic cardiovascular African American participants, however depending on the strategy and outcomes, together with lowered blood research observe the need to additional take a look at program components used. Testing the sweep of the visual sward means that the examiner can ensconce the boundaries of peripheral vision as entirely as holding their hands for all to see to either side and asking the philosophical when the fingers are no longer obvious without motile the eyes to forget them bacteria model <a href="https://gmsdc.org/conference/sector3/activity2/" rel="nofollow ugc">order stromectol in united states online</a>. The single reviewer in every of the three metaanalyses utilizing single evaluate was panel member and lead creator of these published metaanalyses, Dr. And they want help in fulfilling those obligations, as no single actor can take on this challenge alone. Systolic murmur of papillary muscle or ventricular septal rupture or pericardial friction rub (usually with transmural rd infarction) on the 3 4th day could also be heard arteria 4ch <a href="https://gmsdc.org/conference/sector3/activity6/" rel="nofollow ugc">purchase dipyridamole 100 mg with mastercard</a>. Identifying primary care patients at risk for future diabetes and heart problems utilizing electronic health records. Gross look i) Vesicles Large and regular Smaller and irregular No vesicles ii) Villi Present Present Always absent 6. The impact of electronegativity locking solutions in the prevention of catheter-associated an infection muscle relaxant natural <a href="https://gmsdc.org/conference/sector3/activity9/" rel="nofollow ugc">imuran 50mg free shipping</a>.</p> </div> </div> </li> <li id="comment-822" class="comment odd alt thread-odd thread-alt depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-822"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/faac1b32c9e48d938c1f25ffcca53488?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="RobertBab" ><noscript><img src="https://secure.gravatar.com/avatar/faac1b32c9e48d938c1f25ffcca53488?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="RobertBab" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> RobertBab </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/a-beginners-guide-to-lighthouse-sitepoint/#comment-822"> Sep 5, 2021 / 11:38 am </a> <a rel='nofollow' class='comment-reply-link' href='#comment-822' data-commentid="822" data-postid="1553" data-belowelement="ct-comment-inner-822" data-respondelement="respond" data-replyto="Reply to RobertBab" aria-label='Reply to RobertBab'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p><a href="https://bear-magazine.com/gay-boy-nackt/?amp=1" rel="nofollow ugc">Aktuelle trends</a></p> </div> </div> </li> <li id="comment-886" class="comment even thread-even depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-886"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/51f3d2f928ca77fd0c8c6b444c9506a5?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="WebCamGirlsnourf" ><noscript><img src="https://secure.gravatar.com/avatar/51f3d2f928ca77fd0c8c6b444c9506a5?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="WebCamGirlsnourf" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> WebCamGirlsnourf </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/a-beginners-guide-to-lighthouse-sitepoint/#comment-886"> Sep 11, 2021 / 6:54 pm </a> <a rel='nofollow' class='comment-reply-link' href='#comment-886' data-commentid="886" data-postid="1553" data-belowelement="ct-comment-inner-886" data-respondelement="respond" data-replyto="Reply to WebCamGirlsnourf" aria-label='Reply to WebCamGirlsnourf'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p><a href="http://twinks-cums.com/" rel="nofollow ugc">Webcam</a></p> </div> </div> </li> <li id="comment-962" class="comment odd alt thread-odd thread-alt depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-962"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/6bb40f0d2a6e35886b4ba3fdb657ba51?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="Dawnex" ><noscript><img src="https://secure.gravatar.com/avatar/6bb40f0d2a6e35886b4ba3fdb657ba51?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="Dawnex" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> Dawnex </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/a-beginners-guide-to-lighthouse-sitepoint/#comment-962"> Sep 18, 2021 / 8:35 pm </a> <a rel='nofollow' class='comment-reply-link' href='#comment-962' data-commentid="962" data-postid="1553" data-belowelement="ct-comment-inner-962" data-respondelement="respond" data-replyto="Reply to Dawnex" aria-label='Reply to Dawnex'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>Thanks to my father who informed me regarding this website, this blog is actually awesome.</p> </div> </div> </li> <li id="comment-1030" class="comment even thread-even depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-1030"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/9bfb0582883c96159e26a506855d68b2?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="shorten url link free" ><noscript><img src="https://secure.gravatar.com/avatar/9bfb0582883c96159e26a506855d68b2?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="shorten url link free" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> shorten url link free </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/a-beginners-guide-to-lighthouse-sitepoint/#comment-1030"> Sep 25, 2021 / 8:32 am </a> <a rel='nofollow' class='comment-reply-link' href='#comment-1030' data-commentid="1030" data-postid="1553" data-belowelement="ct-comment-inner-1030" data-respondelement="respond" data-replyto="Reply to shorten url link free" aria-label='Reply to shorten url link free'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>Wow, incredible blog structure! How lengthy have you been blogging for? you made running a blog look easy. The full glance of your website is fantastic, let alone the content<a href="https://shorte.top/90sp8" rel="nofollow ugc">!</a><a href="https://bit.ly/3tpKKzI" rel="nofollow ugc">!</a></p> </div> </div> </li> </ol> <div id="respond" class="comment-respond"> <h2 id="reply-title" class="comment-reply-title">Leave a Reply<span class="ct-cancel-reply"><a rel="nofollow" id="cancel-comment-reply-link" href="/a-beginners-guide-to-lighthouse-sitepoint/#respond" style="display:none;">Cancel Reply</a></span></h2><form action="https://codinghindi.in/wp-comments-post.php" method="post" id="commentform" class="comment-form has-website-field"><p class="comment-form-input-author"> <label for="author">Name <b class="required"> *</b></label> <input id="author" name="author" type="text" value="" size="30" aria-required='true' /> </p> <p class="comment-form-input-email"> <label for="email">Email <b class="required"> *</b></label> <input id="email" name="email" type="text" value="" size="30" aria-required='true' /> </p> <p class="comment-form-input-url"> <label for="url">Website</label> <input id="url" name="url" type="text" value="" size="30" /> </p> <p class="comment-form-textarea"> <label for="comment">Add Comment</label> <textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea> </p><p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /><label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p><p class="form-submit"><button type="submit" name="submit" id="submit" class="submit" value="Post Comment">Post Comment</button> <input type='hidden' name='comment_post_ID' value='1553' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div> </div> </div> <div class="ct-related-posts-container"> <div class="ct-container"> <div class="ct-related-posts" data-layout="grid:columns-3"> <h3 class="ct-block-title"> Related Posts </h3> <article itemscope="itemscope" itemtype="https://schema.org/CreativeWork" > <a class="ct-image-container ct-lazy" href="https://codinghindi.in/back-to-basics-for-in-loops-in-javascript-sitepoint/" aria-label="Back to Basics: for…in Loops in JavaScript – SitePoint" tabindex="-1"><img width="300" height="300" class="attachment-medium size-medium" alt="" loading="lazy" data-ct-lazy="https://uploads.sitepoint.com/wp-content/uploads/2021/10/1634532628for-in-loops.jpg" data-object-fit="~" itemprop="image" /><noscript><img fifu-featured="1" width="300" height="300" src="https://uploads.sitepoint.com/wp-content/uploads/2021/10/1634532628for-in-loops.jpg" class="attachment-medium size-medium" alt="" title="" loading="lazy" /></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 56.3%"></span></a> <h3 class="related-entry-title" itemprop="name" > <a href="https://codinghindi.in/back-to-basics-for-in-loops-in-javascript-sitepoint/" itemprop="url" >Back to Basics: for…in Loops in JavaScript – SitePoint</a> </h3> <ul class="entry-meta" data-type="simple:slash" ><li class="meta-date" itemprop="datePublished" ><time class="ct-meta-element-date" datetime="2021-10-20T12:17:15+00:00" >October 20, 2021</time></li></ul> </article> <article itemscope="itemscope" itemtype="https://schema.org/CreativeWork" > <a class="ct-image-container ct-lazy" href="https://codinghindi.in/sram-vs-dram-difference-between-sram-and-dram-the-crazy-programmer/" aria-label="SRAM vs DRAM – Difference between SRAM and DRAM – The Crazy Programmer" tabindex="-1"><img width="300" height="300" class="attachment-medium size-medium" alt="" loading="lazy" data-ct-lazy="https://www.thecrazyprogrammer.com/wp-content/uploads/2021/10/SRAM-vs-DRAM.jpeg" data-object-fit="~" itemprop="image" /><noscript><img fifu-featured="1" width="300" height="300" src="https://www.thecrazyprogrammer.com/wp-content/uploads/2021/10/SRAM-vs-DRAM.jpeg" class="attachment-medium size-medium" alt="" title="" loading="lazy" /></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 56.3%"></span></a> <h3 class="related-entry-title" itemprop="name" > <a href="https://codinghindi.in/sram-vs-dram-difference-between-sram-and-dram-the-crazy-programmer/" itemprop="url" >SRAM vs DRAM – Difference between SRAM and DRAM – The Crazy Programmer</a> </h3> <ul class="entry-meta" data-type="simple:slash" ><li class="meta-date" itemprop="datePublished" ><time class="ct-meta-element-date" datetime="2021-10-20T10:13:41+00:00" >October 20, 2021</time></li></ul> </article> <article itemscope="itemscope" itemtype="https://schema.org/CreativeWork" > <a class="ct-image-container ct-lazy" href="https://codinghindi.in/materialized-view-vs-view-know-the-difference-the-crazy-programmer/" aria-label="Materialized View vs View – Know the Difference – The Crazy Programmer" tabindex="-1"><img width="300" height="300" class="attachment-medium size-medium" alt="" loading="lazy" data-ct-lazy="https://www.thecrazyprogrammer.com/wp-content/uploads/2021/10/Materialized-View-vs-View.png" data-object-fit="~" itemprop="image" /><noscript><img fifu-featured="1" width="300" height="300" src="https://www.thecrazyprogrammer.com/wp-content/uploads/2021/10/Materialized-View-vs-View.png" class="attachment-medium size-medium" alt="" title="" loading="lazy" /></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 56.3%"></span></a> <h3 class="related-entry-title" itemprop="name" > <a href="https://codinghindi.in/materialized-view-vs-view-know-the-difference-the-crazy-programmer/" itemprop="url" >Materialized View vs View – Know the Difference – The Crazy Programmer</a> </h3> <ul class="entry-meta" data-type="simple:slash" ><li class="meta-date" itemprop="datePublished" ><time class="ct-meta-element-date" datetime="2021-10-20T09:12:49+00:00" >October 20, 2021</time></li></ul> </article> </div> </div> </div> </main> <footer class="ct-footer" data-id="type-1" itemscope="" itemtype="https://schema.org/WPFooter" ><div data-row="middle" ><div class="ct-container" ><div data-column="menu" > <nav id="footer-menu" class="footer-menu " data-id="menu" data-menu-direction="horizontal" data-stretch itemscope="" itemtype="http://schema.org/SiteNavigationElement" > <ul id="menu-footer-menu" class="menu"><li id="menu-item-1039" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-1039"><a href="https://codinghindi.in">Home</a></li> <li id="menu-item-1040" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1040"><a href="https://codinghindi.in/frontend-submission/">Create</a></li> <li id="menu-item-1037" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-1037"><a href="https://codinghindi.in/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-1139" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1139"><a href="https://www.dmca.com/Protection/Status.aspx?ID=02c68149-326f-4214-8ef7-c5f6585e2cef">DMCA Protected</a></li> </ul></nav> </div><div data-column="ghost"></div><div data-column="socials" > <div class="ct-footer-socials" data-id="socials" > <div class="ct-social-box" data-icon-size="custom" data-color="custom" data-icons-type="rounded:solid" > <a href="https://codepen.io/codinghindi" rel="noopener noreferrer nofollow" data-network="codepen" aria-label="CodePen" target="_blank" > <span class="ct-icon-container" > <svg class="ct-icon" width="20" height="20" viewBox="0 0 20 20" aria-label="CodePen Icon"> <path d="M10,0L0,6.4v7.3L10,20l10-6.4V6.4L10,0z M10,12l-2.8-2L10,8.1l2.8,1.9L10,12z M11,6.5V2.8l6.4,4.1l-2.9,2L11,6.5z M9,6.5L5.5,8.9l-2.9-2L9,2.8V6.5z M3.9,10l-1.9,1.3V8.7L3.9,10z M5.5,11.2L9,13.6v3.5l-6.4-4.1L5.5,11.2z M11,13.6l3.5-2.5l2.8,1.9L11,17.2V13.6z M16.1,10l1.9-1.4v2.7L16.1,10z"/> </svg> </span><span class="ct-label" hidden="" >CodePen</span> </a> <a href="https://www.instagram.com/piotechindia/" rel="noopener noreferrer nofollow" data-network="instagram" aria-label="Instagram" target="_blank" > <span class="ct-icon-container" > <svg class="ct-icon" width="20" height="20" viewBox="0 0 20 20" aria-label="Instagram Icon"> <circle cx="10" cy="10" r="3.3"/> <path d="M14.2,0H5.8C2.6,0,0,2.6,0,5.8v8.3C0,17.4,2.6,20,5.8,20h8.3c3.2,0,5.8-2.6,5.8-5.8V5.8C20,2.6,17.4,0,14.2,0zM10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z M15.8,5C15.4,5,15,4.6,15,4.2s0.4-0.8,0.8-0.8s0.8,0.4,0.8,0.8S16.3,5,15.8,5z"/> </svg> </span><span class="ct-label" hidden="" >Instagram</span> </a> <a href="https://www.youtube.com/channel/UC5bkSPKJNRroCEQ7UEeFP3g?sub_confirmation=1" rel="noopener noreferrer nofollow" data-network="youtube" aria-label="YouTube" target="_blank" > <span class="ct-icon-container" > <svg class="ct-icon" width="20" height="20" viewbox="0 0 20 20" aria-label="YouTube Icon"> <path d="M15,0H5C2.2,0,0,2.2,0,5v10c0,2.8,2.2,5,5,5h10c2.8,0,5-2.2,5-5V5C20,2.2,17.8,0,15,0z M14.5,10.9l-6.8,3.8c-0.1,0.1-0.3,0.1-0.5,0.1c-0.5,0-1-0.4-1-1l0,0V6.2c0-0.5,0.4-1,1-1c0.2,0,0.3,0,0.5,0.1l6.8,3.8c0.5,0.3,0.7,0.8,0.4,1.3C14.8,10.6,14.6,10.8,14.5,10.9z"/> </svg> </span><span class="ct-label" hidden="" >YouTube</span> </a> <a href="https://www.facebook.com/CodingHindi" rel="noopener noreferrer nofollow" data-network="facebook" aria-label="Facebook" target="_blank" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="Facebook Icon"> <path d="M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z"/> </svg> </span><span class="ct-label" hidden="" >Facebook</span> </a> <a href="https://t.me/codinghindi" rel="noopener noreferrer nofollow" data-network="telegram" aria-label="Telegram" target="_blank" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="Telegram Icon"> <path d="M19.9,3.1l-3,14.2c-0.2,1-0.8,1.3-1.7,0.8l-4.6-3.4l-2.2,2.1c-0.2,0.2-0.5,0.5-0.9,0.5l0.3-4.7L16.4,5c0.4-0.3-0.1-0.5-0.6-0.2L5.3,11.4L0.7,10c-1-0.3-1-1,0.2-1.5l17.7-6.8C19.5,1.4,20.2,1.9,19.9,3.1z"/> </svg> </span><span class="ct-label" hidden="" >Telegram</span> </a> </div> </div> </div></div></div><div data-row="bottom" ><div class="ct-container" data-columns-divider="md:sm" ><div data-column="copyright" > <div class="ct-footer-copyright" data-id="copyright" > <p>Copyright © 2021 <a href="https://codinghindi.in/">Coding Hindi</a> -  Product of  <a href="https://piotechindia.in/">Piotech INDIA</a></p></div> </div></div></div></footer></div> <div class="ct-drawer-canvas"> <div id="search-modal" class="ct-panel" data-behaviour="modal"> <div class="ct-panel-actions"> <span class="ct-close-button"> <svg class="ct-icon" width="12" height="12" viewBox="0 0 15 15"> <path d="M1 15a1 1 0 01-.71-.29 1 1 0 010-1.41l5.8-5.8-5.8-5.8A1 1 0 011.7.29l5.8 5.8 5.8-5.8a1 1 0 011.41 1.41l-5.8 5.8 5.8 5.8a1 1 0 01-1.41 1.41l-5.8-5.8-5.8 5.8A1 1 0 011 15z"/> </svg> </span> </div> <div class="ct-panel-content"> <form role="search" method="get" class="search-form" action="https://codinghindi.in" data-live-results="thumbs"> <input type="search" class="modal-field" placeholder="Try ... css animation" value="" name="s" autocomplete="off" title="Search Input" /> <button class="search-submit" aria-label="Search button"> <svg class="ct-icon" width="15" height="15" viewBox="0 0 15 15" aria-label="Search icon"> <path d="M14.8,13.7L12,11c0.9-1.2,1.5-2.6,1.5-4.2c0-3.7-3-6.8-6.8-6.8S0,3,0,6.8s3,6.8,6.8,6.8c1.6,0,3.1-0.6,4.2-1.5l2.8,2.8c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2C15.1,14.5,15.1,14,14.8,13.7z M1.5,6.8c0-2.9,2.4-5.2,5.2-5.2S12,3.9,12,6.8S9.6,12,6.8,12S1.5,9.6,1.5,6.8z"/> </svg> <span data-loader="circles"><span></span><span></span><span></span></span> </button> <input type="hidden" name="post_type" value="post"> </form> </div> </div> <div id="offcanvas" class="ct-panel ct-header" data-behaviour="right-side" data-device="mobile" ><section> <div class="ct-panel-actions"> <span class="ct-close-button"> <svg class="ct-icon" width="12" height="12" viewBox="0 0 15 15"> <path d="M1 15a1 1 0 01-.71-.29 1 1 0 010-1.41l5.8-5.8-5.8-5.8A1 1 0 011.7.29l5.8 5.8 5.8-5.8a1 1 0 011.41 1.41l-5.8 5.8 5.8 5.8a1 1 0 01-1.41 1.41l-5.8-5.8-5.8 5.8A1 1 0 011 15z"/> </svg> </span> </div> <div class="ct-panel-content" data-device="desktop" ></div><div class="ct-panel-content" data-device="mobile" > <nav class="mobile-menu has-submenu" data-id="mobile-menu" data-type="type-1" > <ul id="menu-mainmenu-1" class=""><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-99"><a href="https://codinghindi.in/">Home</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-198"><a href="#">Categories<span class="child-indicator" aria-label="Menu dropdown indicator"><svg width="8" height="8" viewBox="0 0 15 15" aria-label="Menu dropdown icon"><path d="M2.1,3.2l5.4,5.4l5.4-5.4L15,4.3l-7.5,7.5L0,4.3L2.1,3.2z"/></svg></span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-189"><a href="https://codinghindi.in/category/button-animations/">HTML<span class="child-indicator" aria-label="Menu dropdown indicator"><svg width="8" height="8" viewBox="0 0 15 15" aria-label="Menu dropdown icon"><path d="M2.1,3.2l5.4,5.4l5.4-5.4L15,4.3l-7.5,7.5L0,4.3L2.1,3.2z"/></svg></span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1213"><a href="https://codinghindi.in/category/social-icons/">Social Icons</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-197"><a href="https://codinghindi.in/category/web-tools/">Toggle Buttons</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-190"><a href="https://codinghindi.in/category/checkbox-button/">CSS<span class="child-indicator" aria-label="Menu dropdown indicator"><svg width="8" height="8" viewBox="0 0 15 15" aria-label="Menu dropdown icon"><path d="M2.1,3.2l5.4,5.4l5.4-5.4L15,4.3l-7.5,7.5L0,4.3L2.1,3.2z"/></svg></span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1212"><a href="https://codinghindi.in/category/loading-screen-animation/">Loading Animation</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-192"><a href="https://codinghindi.in/category/html-loader/">Text Animations</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-193"><a href="https://codinghindi.in/category/login-signup-form/">Button Animations</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-194"><a href="https://codinghindi.in/category/social-icons/">Social Icon Animation</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-196"><a href="https://codinghindi.in/category/toggle-button/">Toggle Animation</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1214"><a href="https://codinghindi.in/category/javascript/">Javascript</a></li> </ul> </li> </ul></nav> </div></section></div></div><script src='https://codinghindi.in/wp-content/plugins/coblocks/dist/js/coblocks-animation.js?ver=2.16.0' id='coblocks-animation-js'></script> <script src='https://codinghindi.in/wp-content/plugins/qubely/assets/js/common-script.min.js?ver=1.7.2' id='qubely-block-common-js'></script> <script src='https://codinghindi.in/wp-content/plugins/qubely/assets/js/interaction.min.js?ver=1.7.2' id='qubely-interaction-js'></script> <script id='ct-scripts-js-extra'> var ct_localizations = {"ajax_url":"https:\/\/codinghindi.in\/wp-admin\/admin-ajax.php","nonce":"8fac175cad","public_url":"https:\/\/codinghindi.in\/wp-content\/themes\/blocksy\/static\/bundle\/","rest_url":"https:\/\/codinghindi.in\/wp-json\/","search_url":"https:\/\/codinghindi.in\/search\/QUERY_STRING\/","show_more_text":"Show more","more_text":"More","dynamic_js_chunks":[{"id":"blocksy_account","selector":".ct-header-account[href*=\"account-modal\"], .must-log-in a","url":"https:\/\/codinghindi.in\/wp-content\/plugins\/blocksy-companion\/static\/bundle\/account.js","trigger":"click"},{"id":"blocksy_dark_mode","selector":"[data-id=\"dark-mode-switcher\"]","url":"https:\/\/codinghindi.in\/wp-content\/plugins\/blocksy-companion\/static\/bundle\/dark-mode.js","trigger":"click"},{"id":"blocksy_sticky_header","selector":"header [data-sticky]","url":"https:\/\/codinghindi.in\/wp-content\/plugins\/blocksy-companion\/static\/bundle\/sticky.js"}]}; </script> <script src='https://codinghindi.in/wp-content/themes/blocksy/static/bundle/main.js?ver=1.8.3.3' id='ct-scripts-js'></script> <script src='https://codinghindi.in/wp-includes/js/comment-reply.min.js?ver=5.8.1' id='comment-reply-js'></script> <script src='https://codinghindi.in/wp-includes/js/wp-embed.min.js?ver=5.8.1' id='wp-embed-js'></script> <script id='fifu-image-js-js-extra'> var fifuImageVars = {"fifu_lazy":"","fifu_woo_lbox_enabled":"1","fifu_woo_zoom":"inline","fifu_is_product":"","fifu_is_flatsome_active":"","fifu_rest_url":"https:\/\/codinghindi.in\/wp-json\/","fifu_nonce":"67880e47ad"}; </script> <script src='https://codinghindi.in/wp-content/plugins/featured-image-from-url/includes/html/js/image.js?ver=3.7.7' id='fifu-image-js-js'></script> <script src='https://cdn.onesignal.com/sdks/OneSignalSDK.js?ver=5.8.1' async='async' id='remote_sdk-js'></script> <script type="text/javascript">(function (undefined) {var _localizedStrings={"redirect_overlay_title":"Hold On","redirect_overlay_text":"You are being redirected to another page,<br>it may take a few seconds."};var _targetWindow="prefer-popup"; window.NSLPopup = function (url, title, w, h) { var userAgent = navigator.userAgent, mobile = function () { return /\b(iPhone|iP[ao]d)/.test(userAgent) || /\b(iP[ao]d)/.test(userAgent) || /Android/i.test(userAgent) || /Mobile/i.test(userAgent); }, screenX = window.screenX !== undefined ? window.screenX : window.screenLeft, screenY = window.screenY !== undefined ? window.screenY : window.screenTop, outerWidth = window.outerWidth !== undefined ? window.outerWidth : document.documentElement.clientWidth, outerHeight = window.outerHeight !== undefined ? window.outerHeight : document.documentElement.clientHeight - 22, targetWidth = mobile() ? null : w, targetHeight = mobile() ? null : h, V = screenX < 0 ? window.screen.width + screenX : screenX, left = parseInt(V + (outerWidth - targetWidth) / 2, 10), right = parseInt(screenY + (outerHeight - targetHeight) / 2.5, 10), features = []; if (targetWidth !== null) { features.push('width=' + targetWidth); } if (targetHeight !== null) { features.push('height=' + targetHeight); } features.push('left=' + left); features.push('top=' + right); features.push('scrollbars=1'); var newWindow = window.open(url, title, features.join(',')); if (window.focus) { newWindow.focus(); } return newWindow; }; var isWebView = null; function checkWebView() { if (isWebView === null) { function _detectOS(ua) { if (/Android/.test(ua)) { return "Android"; } else if (/iPhone|iPad|iPod/.test(ua)) { return "iOS"; } else if (/Windows/.test(ua)) { return "Windows"; } else if (/Mac OS X/.test(ua)) { return "Mac"; } else if (/CrOS/.test(ua)) { return "Chrome OS"; } else if (/Firefox/.test(ua)) { return "Firefox OS"; } return ""; } function _detectBrowser(ua) { var android = /Android/.test(ua); if (/Opera Mini/.test(ua) || / OPR/.test(ua) || / OPT/.test(ua)) { return "Opera"; } else if (/CriOS/.test(ua)) { return "Chrome for iOS"; } else if (/Edge/.test(ua)) { return "Edge"; } else if (android && /Silk\//.test(ua)) { return "Silk"; } else if (/Chrome/.test(ua)) { return "Chrome"; } else if (/Firefox/.test(ua)) { return "Firefox"; } else if (android) { return "AOSP"; } else if (/MSIE|Trident/.test(ua)) { return "IE"; } else if (/Safari\//.test(ua)) { return "Safari"; } else if (/AppleWebKit/.test(ua)) { return "WebKit"; } return ""; } function _detectBrowserVersion(ua, browser) { if (browser === "Opera") { return /Opera Mini/.test(ua) ? _getVersion(ua, "Opera Mini/") : / OPR/.test(ua) ? _getVersion(ua, " OPR/") : _getVersion(ua, " OPT/"); } else if (browser === "Chrome for iOS") { return _getVersion(ua, "CriOS/"); } else if (browser === "Edge") { return _getVersion(ua, "Edge/"); } else if (browser === "Chrome") { return _getVersion(ua, "Chrome/"); } else if (browser === "Firefox") { return _getVersion(ua, "Firefox/"); } else if (browser === "Silk") { return _getVersion(ua, "Silk/"); } else if (browser === "AOSP") { return _getVersion(ua, "Version/"); } else if (browser === "IE") { return /IEMobile/.test(ua) ? _getVersion(ua, "IEMobile/") : /MSIE/.test(ua) ? _getVersion(ua, "MSIE ") : _getVersion(ua, "rv:"); } else if (browser === "Safari") { return _getVersion(ua, "Version/"); } else if (browser === "WebKit") { return _getVersion(ua, "WebKit/"); } return "0.0.0"; } function _getVersion(ua, token) { try { return _normalizeSemverString(ua.split(token)[1].trim().split(/[^\w\.]/)[0]); } catch (o_O) { } return "0.0.0"; } function _normalizeSemverString(version) { var ary = version.split(/[\._]/); return (parseInt(ary[0], 10) || 0) + "." + (parseInt(ary[1], 10) || 0) + "." + (parseInt(ary[2], 10) || 0); } function _isWebView(ua, os, browser, version, options) { switch (os + browser) { case "iOSSafari": return false; case "iOSWebKit": return _isWebView_iOS(options); case "AndroidAOSP": return false; case "AndroidChrome": return parseFloat(version) >= 42 ? /; wv/.test(ua) : /\d{2}\.0\.0/.test(version) ? true : _isWebView_Android(options); } return false; } function _isWebView_iOS(options) { var document = (window["document"] || {}); if ("WEB_VIEW" in options) { return options["WEB_VIEW"]; } return !("fullscreenEnabled" in document || "webkitFullscreenEnabled" in document || false); } function _isWebView_Android(options) { if ("WEB_VIEW" in options) { return options["WEB_VIEW"]; } return !("requestFileSystem" in window || "webkitRequestFileSystem" in window || false); } var options = {}; var nav = window.navigator || {}; var ua = nav.userAgent || ""; var os = _detectOS(ua); var browser = _detectBrowser(ua); var browserVersion = _detectBrowserVersion(ua, browser); isWebView = _isWebView(ua, os, browser, browserVersion, options); } return isWebView; } function isAllowedWebViewForUserAgent() { var nav = window.navigator || {}; var ua = nav.userAgent || ""; if (ua.match(new RegExp([ 'Instagram', 'FBAV', 'FBAN', 'Line', ].join('|')))) { return true; } return false; } window._nslDOMReady(function () { window.nslRedirect = function (url) { var overlay = document.createElement('div'); overlay.id = "nsl-redirect-overlay"; overlay.insertAdjacentHTML("afterbegin", "<div id='nsl-redirect-overlay-container'><div id='nsl-redirect-overlay-spinner'></div><p id='nsl-redirect-overlay-title'>" + _localizedStrings.redirect_overlay_title + "</p><p id='nsl-redirect-overlay-text'>" + _localizedStrings.redirect_overlay_text + "</p></div>"); document.body.appendChild(overlay); window.location = url; }; var targetWindow = _targetWindow || 'prefer-popup', lastPopup = false; var buttonLinks = document.querySelectorAll(' a[data-plugin="nsl"][data-action="connect"], a[data-plugin="nsl"][data-action="link"]'); buttonLinks.forEach(function (buttonLink) { buttonLink.addEventListener('click', function (e) { if (lastPopup && !lastPopup.closed) { e.preventDefault(); lastPopup.focus(); } else { var href = this.href, success = false; if (href.indexOf('?') !== -1) { href += '&'; } else { href += '?'; } var redirectTo = this.dataset.redirect; if (redirectTo === 'current') { href += 'redirect=' + encodeURIComponent(window.location.href) + '&'; } else if (redirectTo && redirectTo !== '') { href += 'redirect=' + encodeURIComponent(redirectTo) + '&'; } if (targetWindow !== 'prefer-same-window' && checkWebView()) { targetWindow = 'prefer-same-window'; } if (targetWindow === 'prefer-popup') { lastPopup = NSLPopup(href + 'display=popup', 'nsl-social-connect', this.dataset.popupwidth, this.dataset.popupheight); if (lastPopup) { success = true; e.preventDefault(); } } else if (targetWindow === 'prefer-new-tab') { var newTab = window.open(href + 'display=popup', '_blank'); if (newTab) { if (window.focus) { newTab.focus(); } success = true; e.preventDefault(); } } if (!success) { window.location = href; e.preventDefault(); } } }); }); var googleLoginButtons = document.querySelectorAll(' a[data-plugin="nsl"][data-provider="google"]'); if (googleLoginButtons.length && checkWebView() && !isAllowedWebViewForUserAgent()) { googleLoginButtons.forEach(function (googleLoginButton) { googleLoginButton.remove(); }); } });})();</script> </body> </html> <!-- Page generated by LiteSpeed Cache 4.4.2 on 2021-10-20 14:34:05 --> <!-- Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/ Served from: codinghindi.in @ 2021-10-20 14:34:05 by W3 Total Cache -->