Trending December 2023 # How To Improve Page Loading Speed Of Static Html Websites? – Webnots # Suggested January 2024 # Top 16 Popular

You are reading the article How To Improve Page Loading Speed Of Static Html Websites? – Webnots updated in December 2023 on the website We hope that the information we have shared is helpful to you. If you find the content interesting and meaningful, please share it with your friends and continue to follow and support us for the latest updates. Suggested January 2024 How To Improve Page Loading Speed Of Static Html Websites? – Webnots

HTML is the base of internet and web servers send HTML pages to the browser frontend. Browsers like Chrome, interpret the HTML markup and display the page content in a readable manner. This concept is the same for those sites using PHP with content management systems like WordPress. However, creating a website is not sufficient in these days. You have to optimize your site for fast loading in order to get good search engine ranking and user experience. In this article, we will explore how to speed up your static HTML website and improve the possibilities of pushing your site to top in Google search results.

Before We Start – Static HTML Websites  

Remember, in this article we talk about static HTML websites that you create yourself. You can create HTML websites with your own design or use readymade frameworks like Bootstrap. In general, you can upload the HTML pages and other resources (images / CSS / JS) on your server and access the site from the browser. Other than domain name and hosting account, you do not need any other third-party tools for this purpose. Alternatively, you can use third-party tools like Mobirise to create static HTML pages and upload through FTP.

We are not discussing about the following cases:  

Content management systems like WordPress – WordPress offers complete optimization suite for improving the loading speed of your website. Check out our article on optimizing page loading time of WordPress sites.

Website builder tools like Weebly, Wix, etc. – these platforms are not open source solutions which essentially means you have limited options within the platform to optimize. You can use some of the options suggested in this article. However, you may not optimize stuffs like combining CSS/JS, removing render blocking resources, etc. as you can’t access the server.

Check Page Speed in Google PageSpeed Insights Tool

Now that the context is clear, we will move on further. The best way to start the optimization is to first understand the basic problems existing on your site. In order to find the speed related problems, go to Google PageSpeed Insight tools and check the score of your website. Do not worry much about the score at first, scroll down and check the opportunities section for improving the score.

Google PageSpeed Insights Suggestions

Note that the opportunities shown in PageSpeed Insights tool will NOT directly impact the score. As a general rule, the score will be low when you have issues in above the fold (header section) section of your website. It includes render blocking resources, preloading fonts and images, cumulative layout shift with third-party code, etc. Therefore, you can combine the can combine the opportunities and the general rules to improve the page loading speed of your static HTML websites.

How to Improve Page Loading Speed of Static HTML Websites?

You can use the following features to improve the speed of your site.

1. Combining and Minifying CSS and JS Files

A static HTML website will have a CSS stylesheet as a minimum resource to define the style of elements on your HTML page. In addition, you can use additional JavaScript files for adding other functionalities like sliders on your site.

2. Removing Render Blocking Resources

Next step is to remove the render blocking resources from above the fold (header) section of your site. As a rule of thumb, make sure to link all JS files after the body section of your HTML page. This will help you to delay the scripts loading and avoid render blocking issues.

Go to Google PageSpeed Insights tool and test your website for measuring page loading speed.

If you have any warnings for render blocking resources, note down the file name.

Move the file from your header section to footer area.

Remember, it is not possible in all situations to move the file to footer area. Check your site’s layout and functionalities are working fine when you rearrange the files. In addition, you may need to disable combining files to find which resource file is causing the trouble.   

3. Use Content Delivery Networks (CDN)

The above two options are more technical in nature which may be difficult for you. In order to avoid wasting time and breaking your site’s layout, the best possible solution is to use a content delivery network (CDN) like Cloudflare StackPath.

You can combine and minify files using CDN network instead of doing it on your server.

Increase the speed, especially if you are serving content for international users.

Improve the security by blocking automated bots and with brute force and  DDoS protections.

4. Avoid Third-party Codes

One of the most important factors in improving your page loading time is to limit the use of third-party codes on your site. The problem is that you can’t control the loading behavior of third-party codes. The dynamic loading behavior will impact the speed parameters like cumulative layout shift and largest contentful paint.

5. Preloading Fonts and Images

Another popular page speed problem is about preloading of fonts and images that you load on the header section. If you see warning messages in Google PageSpeed, add the following codes in your header section. Make sure to replace the file names with the ones what you see in Google PageSpeed Insights.

This is very useful especially when using font awesome icons on your site.

6. Images – Compress and Use Next-Gen Format

The last option we explain here is to compress the images you use on your site. Since, static HTML websites do not have any in-built option to reduce the size of the images, you have to manually compress them before uploading on your server.

Some web servers have an option to compress images when uploading. Check with your hosting company whether they offer any tool for this purpose.

Otherwise, use image compression tools to reduce the size of your images without losing the quality.

In addition, you can convert the image format to JPEG-2000 or JPEG XR. Generally, VPS servers have an option to server images in WebP format which you can confirm with your hosting company. In this case, you do not need any conversion as it will automatically happen from server side for each image. Using images in WebP, JPEG-2000 or JPEG XR will help you to fix serve images in next-gen format issue in Google PageSpeed Insights tool

7. Use Critical CSS

Critical CSS Generator

Final Words

As mentioned, the page loading speed of your static HTML website depends on rendering of above the fold area in browser. You can reduce the CSS and scripts in the header section to fix most of the issues and opportunities showing in Google PageSpeed Insights tool. The best option is to use CDN and avoid third-party content in header section.  

You're reading How To Improve Page Loading Speed Of Static Html Websites? – Webnots

Fix Slow Page Loading With Woocommerce Wc

WooCommerce is one of the popular plugins to make your WordPress site into an online store. Most of the popular themes offer integrated store feature with the help of WooCommerce plugin. We also use WooCommerce on some of our sites. Recently when we did a page speed check on GTmetrix and pingdom, we found the the component “wc-ajax=get_refreshed_fragments” was taking about a second to load. After analysis we found that on most other cases it even takes 5 to 10 seconds for the page to load. If you are having page speed issue with WooCommerce Ajax calls then here are the solutions to fix the issue for different scenarios.

Fix WooCommerce AJAX Issue

We have explained fixing the issue using custom code snippets as well as with plugins. You can first understand the issue and choose the solution that works for your site.

1. What is wc-ajax=get_refreshed_fragments?

It took sometime for us to understand actually the refreshed fragments in the page speed chart is called from WooCommerce plugin. As our site was hosted on SiteGround Cloud VPS, the impact was less and the WooCommerce Ajax call was taking around a second. If you are hosting on a shared hosting like Bluehost, then you may notice longer delay in page loading somewhere from 3 to 10 seconds.

Below is the screenshot from pingdom showing the long waiting time for loading “wc-ajax=get_refreshed_fragments” on the page. You can also see this script will be listed under a render blocking issue in Google PageSpeed Insights tool and find it under waterfall chart in GTmetrix.

WooCommerce Ajax Page Loading Issue

Basically WooCommerce attempts to collect the shopping cart details by calling the script and takes long time to complete the task. The plugin get the uncached cart details on every page to show the latest cart items by calling the admin Ajax. You can see the script something like below on each page of your site:

/* <![CDATA[ */

This is on the localhost environment and you should see the code with your own URL.

WooCommerce Ajax Fragments on Page Source

2. Admin Ajax Calls and Page Loading

WooCommerce uses this cart fragmentation admin Ajax call to update the items and total in the cart without refreshing the page. Calling admin Ajax on every page will delay your page loading time considerably and also consume high server resources. The other issue is that the plugin does this action even on a page where there are no shopping cart or product related details.

The above screenshot shows the problem exists on “About Us” page where there are no WooCommerce components available. So, removing the shopping cart on the page will not help in improving the page load speed. What we need is to disable the cart update where there are no shopping carts or products displayed.

Related WooCommerce Article:

3. How to Fix the Issue with wc-ajax=get_refreshed_fragments?

The issue needs to be fixed by dequeuing the script by modifying your theme’s chúng tôi file. You can modify the functions.php through WordPress admin panel or using FTP. Instead of modifying chúng tôi file, create a child theme and add additional functions in the child theme. This will help you to retain the changes when you update the theme. There are three options for dequeuing the WooCommerce Ajax cart fragmentation script.

Disable only cart fragmentation on front page of your site

Deactivate only cart fragmentation on front page and posts

Disable all WooCommerce styles and scripts on all pages except shop pages.

Let us discuss all three options in detail, do only one thing required for you.

3.1. Disable Cart Fragmentation on Front Page /** Disable Ajax Call from WooCommerce */ add_action( 'wp_enqueue_scripts', 'dequeue_woocommerce_cart_fragments', 11); function dequeue_woocommerce_cart_fragments() { if (is_front_page()) wp_dequeue_script('wc-cart-fragments'); }

Modifying Theme Functions PHP File

If you want to use FTP, then login to your server using FTP account. Go to “/wp-content/your-theme/” and find the “functions.php” file. Edit and add the above code at the end of the file and upload the modified file back to server.

Enable Redirect to Cart Page

This will help the customer goes to the main cart page instead of waiting for long time after the item is added into the cart. Otherwise though the item is added, your shopping cart may not show the updated details when you are on the same page as the cart fragmentation script is disabled.

3.2. Disable Cart Fragmentation on Front Page and Posts

The above code will disable the cart fragment script only on the static front page. If you want to disable the script on all posts then try adding the below code in your theme’s chúng tôi file.

/** Disable Ajax Call from WooCommerce on front page and posts*/ add_action( 'wp_enqueue_scripts', 'dequeue_woocommerce_cart_fragments', 11); function dequeue_woocommerce_cart_fragments() { } 3.3. Disabling All WooCommerce Styles and Scripts Site Wide

WooCommerce is a resource intensive plugin which may take your server resources for loading all relevant stylesheets and scripts. If you have few products with hundreds of thousands of blog posts then it make sense to dequeue or disable all WooCommerce relevant stuffs on the blog posts. In other words you can only allow WooCommerce scripts on shop relevant pages so that all other pages will load faster.

Add the below code in your chúng tôi file based on the Github gist. The code will first check whether WooCommerce plugin exist on your site and then disable the styles and scripts on all pages except product, cart and checkout pages. This will help to remove “wc-ajax=get_refreshed_fragments” calls from all posts/pages except WooCommerce related pages.

/** Disable All WooCommerce Styles and Scripts Except Shop Pages*/ add_action( 'wp_enqueue_scripts', 'dequeue_woocommerce_styles_scripts', 99 ); function dequeue_woocommerce_styles_scripts() { if ( function_exists( 'is_woocommerce' ) ) { if ( ! is_woocommerce() && ! is_cart() && ! is_checkout() ) { # Styles wp_dequeue_style( 'woocommerce-general' ); wp_dequeue_style( 'woocommerce-layout' ); wp_dequeue_style( 'woocommerce-smallscreen' ); wp_dequeue_style( 'woocommerce_frontend_styles' ); wp_dequeue_style( 'woocommerce_fancybox_styles' ); wp_dequeue_style( 'woocommerce_chosen_styles' ); wp_dequeue_style( 'woocommerce_prettyPhoto_css' ); # Scripts wp_dequeue_script( 'wc_price_slider' ); wp_dequeue_script( 'wc-single-product' ); wp_dequeue_script( 'wc-add-to-cart' ); wp_dequeue_script( 'wc-cart-fragments' ); wp_dequeue_script( 'wc-checkout' ); wp_dequeue_script( 'wc-add-to-cart-variation' ); wp_dequeue_script( 'wc-single-product' ); wp_dequeue_script( 'wc-cart' ); wp_dequeue_script( 'wc-chosen' ); wp_dequeue_script( 'woocommerce' ); wp_dequeue_script( 'prettyPhoto' ); wp_dequeue_script( 'prettyPhoto-init' ); wp_dequeue_script( 'jquery-blockui' ); wp_dequeue_script( 'jquery-placeholder' ); wp_dequeue_script( 'fancybox' ); wp_dequeue_script( 'jqueryui' ); } } } 4. Using Plugins to Stop WooCommerce Admin Ajax Calls

If you are not familiar with modifying theme’s file or creating child theme then there are plugins to do the work for you. The first option is to use the premium WP Rocket plugin. You can purchase WP Rocket, install and activate the plugin from your WordPress admin panel. This plugin does not have any special settings for WooCommerce. Simply activating the plugin will disable WooCommerce cart fragmentation on all pages of your site. It works with the logic of checking whether your page contains Ajax fragment call in the source code.

If yes, then it will check the cart is empty when loading the page. When both these conditions are fulfilled, WP Rocket will cache the page in transient and serve when the page is loaded next time. If you find any problem, you can use the helper plugin to deactivate caching of Ajax fragments.

Plugins like W3 Total Cache also offers fragment cache as a premium extension. However, you need to pay $99 yearly subscription for getting premium features. Instead, WP Rocket costs $49 per year with easy setup and you can also get 10% discount by subscribing to their newsletter.

5. Testing Page Speed

If you have manually added the code, make sure to purge the cache of your caching plugin and purge varnish caching on server if available. Similarly, clear all levels of caching if you have installed WP Rocket plugin. After that, check on Google PageSpeed Insights and you should not see the “wc-ajax=get_refreshed_fragments” script under render blocking JavaScript section. You can also easily get 100 score in mobile and desktop when the blocking time is 0 ms.

Disable Styles and Scripts of WooCommerce

Also on pingdom, WooCommerce script calling “wc-ajax=get_refreshed_fragments” should not be visible under “File Requests” section. Your page speed score should be increased notably after disabling the WooCommerce Ajax script.

6. Stopping WordPress Heartbeat API

WooCommerce plugin adds many attractive dashboard widgets showing live sales and statistics. However, that will cost you high by dragging your site’s loading speed. The dashboard widgets update the content dynamically using admin Ajax calls similar to cart fragmentation in WooCommerce. This is done with the help of standard WordPress API called heartbeat API.

Generally we don’t recommend to have those dynamic widgets on the dashboard. You can simply disable the admin-ajax calls or WordPress heartbeat API to reduce the server load and improve the page loading speed of your WordPress site. Plugins like WP Rocket can help to disable heartbeat API from your admin panel.

Final Words

WooCommerce is one of the easy ways to build your online store in WordPress. But online stores need certain basic functions like dynamic cart update. In our experience, what we have seen is that 90% of the WooCommerce users sell simple digital goods. Their store is merely an add-on to the large blog or content site. In this case, we strongly recommend to disable the admin Ajax calls so that all other pages on the site will load faster without affecting user experience.

If you have full fledged store then you will need the cart fragmentation feature to dynamically update the cart items without refreshing the page. In such case, ensure to have quality hosting server along with caching plugins like WP Rocket or W3 Total Cache which has premium option for caching page fragments for improving page speed.

How To Improve Internal Linking In WordPress Site? – Webnots

Publishing unique and useful content is one of the most important factors in running a website. However, search engine optimization is equally important to get visitors from organic search. Otherwise, your beautiful content is of no use without any readers. Earlier days, SEO was all about getting backlinks from high quality websites. Things are changed now and you need to make your site’s internal linking structure in order to improve the visibility. In this article, we will explain how to improve your internal linking using different methods in WordPress site. Check out the complete WordPress SEO guide for beginners to optimize your site.

Where Can I See Internal Linking Details?

Before reading further, it is important to understand the current internal linking details of your site. For this you have to add and verify your site in Google Search Console. The new interface still contains the legacy sections that shows internal linking details of the verified site. this will help you to understand the most linked pages on your site. You can take this as a reference and optimize the site structure.

Internal Link Details in Google Search Console

1. Header and Footer Menu

Header or primary navigation menu helps you to link high level and important pages on your site. Traditionally header menu includes pages like home, blog, about us and contact us. Since these pages are most frequently accessed pages, it makes sense to link them on the header section visible throughout the site. For example, users need to look for the contact page on your site whenever they wanted to contact you.

Supported Menu Locations in Theme

2. Sidebar and Footer Widget

Similar to header and footer, sidebar widgets play important role in building internal linking structure for your site. Generally, you can link recent, popular, category and collection articles in the sidebar. This will help you to promote and drive traffic to those pages. WordPress be default offers a “Navigation Menu” widget that you can insert on sidebar and footer.

Give a title for your widget and select the menu name you have created.

Save the widget to show navigation menu items on your site.

Navigation Menu in Sidebar

SEO Offer: Optimize your site with Semrush Pro special 14 days free trial.

3. Use Categories and Tags

Breadcrumb in Google Search Results

Similar to categories, you can assign tags to structure your site. Though tags do not appear in breadcrumb, both tags and categories will create archive pages. These archive pages can also drive traffic from Google and other feed readers.

4. Find Articles with No Internal Links

When creating new site, you may not have sufficient articles to link each other. Over the period most of your old articles will left over without linking to any other articles on your site. Find all old articles that contain no links and try to update with relevant links. This will boost the internal linking structure and help to regain the ranking of those old pages.

5. Find Articles Not Linked to Other Pages

You have to combine this step with the previous step. Some articles on your site may have links to other pages but not having any inbound links from other pages. These pages without any inbound internal links are dead pages though you have sitewide header, footer and sidebar links. You can find pages with no inbound internal links and link them on pages that contain no links (identified in step 2).

6. Table of Content

Internal linking is not always between two different articles. You also can link between sections of the same article. You can easily do this by adding custom CSS ids to headings and show all headings as a table of content. Google will show the sectional links in search results so that users can directly jump into that section instead of reading the entire article.

Remember, Google also uses passage indexing to show a section of the page in the search results. Having table of content with sectional links will help to improve your search engine visibility with passage indexing.   

7. Related Articles 8. Internal Linking for Pages

Unlike blog posts, WordPress allows pages to have parent and child relationship. This will be very useful for niche websites to show links in a structured manner. For example, you may have a parent page for “dogs” and child pages for “dog training”, “dog care” and “dog food”. You can make use of this parent-child setup in two ways:

Link all sub-pages on the parent page so that users can easily navigate to the required section easily.

Link all sub-pages in each of the sub-page. For example, “dog training” page should contain links to “dog care” and “dog food” pages.

Tools and Plugins for Internal Linking

Creating header, footer and navigation menu is an easy task and you do not need any additional plugins for this purpose. However, finding pages that contain no links or have no inbound links is a difficult task. Similarly, it is not a practical task to create table of content or related post for each article on your site manually. Here comes the use of handy plugins that you can use to understand internal linking structure and automate some of the tasks.

Yoast SEO Free and Premium

Number of Internal Links with Yoast

In addition, you can also insert breadcrumb using Yoast SEO free version. The best part is that you can choose the primary category to show in breadcrumb when you assign multiple categories to a post. The premium version of Yoast SEO offers additional features to further optimize internal linking structure of your site.

Find orphaned articles that have zero inbound internal links. As mentioned, you can link these orphaned articles inside the article with no internal links.

Insert table of content block – though this is manual it helps.

Internal linking suggestion – shows five relevant links so that you can insert them manually or insert it as a related article widget.

Sub-pages and sibling block to insert page structure.

Gutenberg or Table of Content

You can use the hyperlink tool in WordPress to manually search and link pages from your site. This will be helpful when you know all post articles with relevant keywords and title. Though manual, this is the widely used method to insert internal links in WordPress. If you have noticed, Gutenberg editor also allows you to insert HTML anchor to heading. You can use these anchors and create sectional links to have a structure within an article.

Using HTML Anchor in Gutenberg

However, using Gutenberg will be a tedious task to insert all sectional links in a beautiful layout. The easy option is to insert table of content  is using a dedicated plugin. You can learn more about inserting table of content in our earlier article to automate this task.

Related Posts Plugins

Google AdSense Matched Content Ads

There is also an inline related posts plugin available for WordPress that automatically inserts links inside the article.

Automatic Internal Linking

There are plugins like Internal Links Manager to automatically create internal links. You can create keyword and assign links so that the plugin will automatically insert the links. This may work well for smaller sites with limited number of posts or pages. However, for larger sites, this is a dumb idea unless you use those keywords properly on your site. Practically, it is a difficult task to use specific keywords uniformly on entire site.

For example, we have 400 articles on WordPress tutorials and use some phrase in different or similar context. For example, we use the key phrase “Optimize WordPress” for different types of optimization. Automatically inserting a link for all appearances of this key phrase will not help at all. Therefore, make sure to understand before you try to use this type of plugins. Alternate and working option is to use premium plugins like Yoast SEO which offer internal related links block.

WordPress and Internal Links Problems

You also need to careful when using certain internal links in WordPress. We recommend setting noindex or use canonical URL so that it will not affect your ranking.

Internal search pages – WordPress offers a search box using which users can search content on your site. However, you can find these search pages in Google Search Console when Google tries to index them. Make sure to noindex these pages which do not add any value to users.

Feeds and tags – WordPress creates automatic feed for each tag and category. If not required, you can disable these feeds to avoid them indexed by Google. Though tags can help in driving traffic, you can noindex tag archives to avoid users landing on archive pages from search results.

Author and date archives – if you are running a single author blog, author archive and date archive pages will be same as your blog index page. In this case, you can completely disable them of noindex them to avoid duplicate content.

You can check these options are available in your SEO plugin and enable to make use of the features.

Final Words

As you can see building healthy internal linking structure has multiple steps. You have to include this as one of your routine maintenance tasks to update the content with relevant links. This will allow search engines to crawl all linked pages and index them properly. As a result, you can get good results in search result pages and get traffic to your website.  

How To Change New Tab Page Language In Microsoft Edge? – Webnots

There are many countries like China completely blocks services from Google, Facebook and Twitter. However, Microsoft has a different working model of cooperating with governments to sell their products through the world. Though this is good news for using Windows, Office and other Microsoft products, it creates unexpected problems for users causing inconvenience. One such problem is the language in new tab page of Microsoft Edge browser. If you are stuck with different language in Edge new tab page, here are some options that you can try.

Edge New Tab Page Language Problem

Microsoft Edge browser shows quick links, news feed and few other items on the new tab page. Ideally, you expect to customize the news feed and other text options in your favorite language. Unfortunately, it does not work like that and changing the browser’s language in settings page will not have any effect on the new tab page language. We have a Huawei Matebook and MacBook purchased from China Mainland and the new tab always show in Chinese as you can see below:

Default Edge New Tab Page in Chinese Language

Though we have to manually install Edge on Mac, it still shows Chinese language in new tab page. Also, there are no options during installation to select the language. If you don’t know Chinese, you will easily go crazy whenever opening new tab page. Though you can disable news feed and quick links in new tab page, it does not make sense to view other text in different language that you do not understand.

Edge Page Layout Settings in Chinese

How to Change New Tab Language in Microsoft Edge?

After trying different options, we understand Edge new tab page takes the language from your computer’s language setting. Though changing computer regional language settings fixed the Chinese language problem, it may work differently based on your country. Hence, we will explain all possible options that you can try and we hope at least one should fix your problem.

1. Change Regional Computer Language

There is a regional setting both in Mac and Windows that default uses the language where you have purchased the device. In our case, the region is China Mainland which is the one Edge picks up for deciding the language in new tab page.

1.1. Change regional language in Mac:

First, we will explain changing the region settings in Mac.

Language and Region Settings in Mac

The section has two tabs – General and Apps. Ideally, you can go to “Apps” tab and select a custom language for any of the installed apps like Edge. Unfortunately, that does not work with Edge new tab page language. Hence, you need to change the “Region” under “General” tab to change the language in Edge new tab page.

As you can see, the current region is showing as “China mainland” which is the one picked up by Edge.

Enter Admin Password to Modify Settings

It should look like below with the “Region” showing as “United States”. If required, change the formats for calendar, time and temperature.

New Tab Page in English in Mac Edge

1.2. Change regional language in Windows:

Follow the below instructions to change the region in Windows 11:

Language and Region Settings in Windows 11

Scroll down the settings page and check the “Country or region”, as you can see it shows “China” in our case.

Set Your Country

Open Edge and check the new tab page has changed to the regional language.

Note: The Edge new tab language problem is something similar to Windows OS language problem. Huawei Matebook laptop what we have purchased came with single Chinese language installation without any option to change the display language. We have to upgrade to Windows Pro version to get a language pack and change the display language from Chinese to English.

2. Change Language from Page Layout

You can change the browser’s language from the page layout settings and check if that helps to change language in your new tab page.

Select Language and Content Option

Now, Edge will refresh automatically and load the new tab page in the selected language.

3. Try Edge Add-on for Changing New Tab Page

This is one of the simple and workable solutions though it needs third-party add-ons. Microsoft introduced add-ons for Edge browser as a beta option. Go to the add-ons page and search for “new tab page” items. You can install any of the available add-ons to have custom new tab page. For example, you can use a blank page or assign URL for new tab page with custom themes.

Microsoft Edge Add-ons

4. Disable News Feed in New Tab Page

If news feed is the only thing annoying you in the new tab page, then you can disable it from the page layout settings.

Turn Feed Content Off in Edge

5. Check Edge Language and Clear Browser History

The next thing you can try is to check the language of Edge and reset if required.

6. Stop App Access to Location Services

Sometimes sharing the location services in Edge can create such a problem. You can disable it from the settings to check if that helps.

6.1. Disable Location Services in Windows  

Windows Location Permission for Apps

You can disable “Location services” option to completely disable it on your computer. Alternatively, only disable “Let apps access your location” or “Let desktop apps access your location” option.

Disable Location Services in Windows

6.2. Disable Location Services for Edge in Mac

Disable Location Services in Mac

7. Personalize Web Experience and Preload New Tab Page

Go to edge://settings/privacy in Edge address bar.

Scroll down on the settings page and disable the slider under “Personalize your web experience” section.

Disable Preload New Tab Page

8. Repair, Reset or Reinstall Edge

You can try to repair, reset or reinstall Edge as last options if none of the above options worked for you.

Repair Edge Browser

Note: Make sure you are not in any organizational network where Group Policy is maintained. Otherwise, you will see most of the above settings are greyed out and not available for editing.

Final Words

Though some of the above suggested options work to change new tab page language in Microsoft Edge, the automatic updates running in background can reset the browser back to its original state. You can disable automatic update or redo the steps again to change the language. This will be super annoying and hope Microsoft will soon allow changing the language from the settings page. otherwise, the best solution is to use an add-on to have a custom new tab page to overcome this problem.

How To Open An Html File In Google Chrome

Understanding HTML code and how to work with it can go a long way. You can use it in your everyday work, like creating HTML signatures to make your email communication more professional. Another unusual but handy way to use HTML is for saving web pages to Word documents. 

However, it can all be a little confusing if you’ve never worked with an HTML file before. Let’s start at the beginning by learning what those files are, as well as how to open and view an HTML file in Chrome.

Table of Contents

What’s An HTML File?

HTML stands for Hypertext Markup Language and is a web-based scripting language. Its main purpose is to create and structure web pages. Files with the HTML (or HTM) extension only contain text and references to other files, like images or video.

There are many different programs that you can use to make and edit an HTML file. However, you can use any simple text editor to open and read it as text. When you want to see what the web page looks like, you need to run this HTML file using a web browser. 

Google Chrome recognizes HTML, and you can use it to open any file with an “.html” extension. 

How To Open An HTML File In Chrome  Use The Open With Command

In order to make sure you opened the right HTML file, check the address bar in Chrome when it brings up the page. It should match the location of your file on your computer. 

Open HTML File From Within Chrome

If you’re already running your browser, you can open an HTML file in Chrome without having to locate it on your computer first.

You can also use a keyboard shortcut to open a file in Chrome. Open a new tab in Chrome, then press Ctrl (Windows) or Cmd (Mac) + O. It will bring up the same Open File menu. Find your HTML file and open it. 

If the shortcut didn’t work, it might be that your browser has a different set of hotkeys for this command. You can always check it in your browser settings. There are a lot of different features that you can use with the help keyboard shortcuts in Google Chrome. You can learn to switch between tabs, create Google Calendar events, and even switch Incognito Mode on and off quicker with the right shortcuts. 

Drag & Drop Your File In Chrome

You can also just drag and drop the HTML file right into a new tab. Chrome will then automatically open the page. 

How To View Source HTML

In case you need to do a little more than just view the page but also view the HTML source code, Chrome allows you to do that as well.

If you’re looking to use a more interactive tool and want to see how the changes you make affect the web page straight away, you can use the developer tool in Chrome. 

On the right side of your screen, go to the Elements tab to see the detailed source code of your web page. 

How To Open An HTML File From Your Smartphone

If you’re using your smartphone, you can also use different methods to open an HTML file in Chrome.

Use The Open With Menu Open An HTML File From SD Storage

Launch the Chrome browser on your phone and open a new tab. Type file:///sdcard/ into the address bar, which will open your SD storage. From there, navigate to the file you want to open and tap to view it. 

Learn To Understand HTML 

Learning little tricks and understanding HTML better can give you more freedom when working with both code and text. One good example is learning how to embed HTML into a Google document, among other things. 

6 Of The Best Static Website Cms For You

Static site generators (SSGs) have grown in popularity among developers for certain types of websites. Tools like Jekyll, Hugo, Hexo, and others have made it easy to set up a website without worrying about server-side dependencies. Having the right static website CMS makes managing your site’s content easy, too.

With a static site, you edit the content and build the site on your local machine and then deploy to a live web server. Any web server that can serve HTML files can be used to host a static website, and there are even some tools that will host your static website for free, such as GitHub Pages and Gitlab Pages.

What Is a Static Website

Most, if not all, web pages on the Internet are coded using HTML. The difference between a static website and a server-dependent dynamic website is how the site pushes the content to the browser. A static website is made up of HTML files (yes, they are physical files), and each web page corresponds to a single file.

On the other hand, WordPress and other server-dependent dynamic CMS make use of a database to store the content and use a server-side scripting language, like PHP or Java, to process the content and generate the HTML code for the browser to render. The HTML code is generated on demand, whereas a static website requires hard disk space to store the HTML files, whether they are being viewed or not.

The benefit of a static website is that it doesn’t require a server (you can even host your site from Google Drive or Dropbox), and the web pages load fast. On the other hand, maintenance can become an issue if there are many pages on your site. Just imagine making a small change to the footer of the site for 1000 files.

Static Website CMS

Typically, updates to a static website are tedious, which is why some people are put off from using these solutions. This is where a static website CMS can come in.

They provide an easy way for non-technical users to edit and publish content within a friendly user interface in the same manner they’re used to, using something like WordPress.

If you are considering using a static site generator for your next project, pick a great static website CMS to use with it.

1. Netlify CMS

It works with the most common SSGs, such as Jekyll, Hugo or Gatsby, and most other generators. Netlify CMS provides templates to help you get started quickly if you’re creating a new site, but you can also add it to an existing website pretty easily.

2. Siteleaf

Siteleaf provides a clean admin interface for your static website, making it a popular static website CMS. Just like Netlify CMS, you can choose to author your content in a visual editor or just plain markdown. One unique feature is its API, which allows you to access your content and integrate it into other websites and applications.

Importantly, the content generated using this tool is not tied to one platform but can be published on any web server of your choosing. In fact, you can easily export content out of Siteleaf if it doesn’t meet your needs at any point in time.

3. Publii

Publii is a desktop app for building beautiful static websites quickly and efficiently. It is available for both Windows and macOS and packs all the tools necessary to get up and running.

You can create multiple websites within the app and manage them all without having to juggle between different admin dashboards. It also has a ton of SEO and social media-related settings that will make your website more search-engine friendly and maximize social media shares.

The app works offline, so you can easily author or update content without an Internet connection, and everything will sync to your preferred hosting service once you get back online.

If you want to get started really quickly without having to worry about the design of your website, Publii provides some themes you can use. It’s also really easy to switch up the layout, fonts or color of your website using its extensive customization tools.

4. DatoCMS

DatoCMS provides an API-based admin area for your static websites. It is targeted at developers or web agencies who want to provide an intuitive way for their clients to publish or update content independently without having to rely on developers to do it for them.

It integrates with all the popular static site generators and also allows you to keep your existing deployment solutions. On top of that, you retain the freedom to host the generated website wherever you like. It’s a great static website CMS for large-scale projects, though you’ll need a premium plan for those.

5. Forestry

Forestry is another CMS option for static websites, built using Jekyll or Hugo. It offers a front-end for editing the content generated by the SSG in a way that’s both familiar and intuitive.

To get started, you only need to connect an existing git repository or upload a zip file of your Jekyll or Hugo project. Forestry will then parse your project and automatically build a custom CMS for it. The changes you make in the CMS can be published to any hosting service you prefer.

It’s free for up to three sites and has premium plans starting at just $29, which is great for small teams or freelancers.

6. jocms

If simplicity is what you want, jocms is the perfect static website CMS. It’s free and open source. You don’t need any technical knowledge to get started, either. Use the simple WYSIWYG editor to edit content in-line. Upload images and even backup files quickly.

Currently, jocms is still in beta, so you might encounter the occasional bug. However, it’s a simple, free, lightweight CMS that’s well worth trying out.

Wrapping Up

WordPress is not the only CMS available when it comes to publishing content online. If you are looking to build a static site, there are tons of other CMS that you can use for free. The above list should give you a head start if you are looking for a CMS for your static website.

Crystal Crowder

Crystal Crowder has spent over 15 years working in the tech industry, first as an IT technician and then as a writer. She works to help teach others how to get the most from their devices, systems, and apps. She stays on top of the latest trends and is always finding solutions to common tech problems.

Subscribe to our newsletter!

Our latest tutorials delivered straight to your inbox

Sign up for all newsletters.

By signing up, you agree to our Privacy Policy and European users agree to the data transfer policy. We will not share your data and you can unsubscribe at any time.

Update the detailed information about How To Improve Page Loading Speed Of Static Html Websites? – Webnots on the website. We hope the article's content will meet your needs, and we will regularly update the information to provide you with the fastest and most accurate information. Have a great day!