New Caching Change Could Dramatically Accelerate Google Chrome

This site may earn affiliate commissions from the links on this page. Terms of use.

Google is exploring a new method of improving site performance in Google Chrome, this time by adding a new back-caching feature that would keep certain data in memory, even after you’ve left a site. The company writes:

A back/forward cache (bfcache) caches whole pages (including the JavaScript heap) when navigating away from a page, so that the full state of the page can be restored when the user navigates back. Think of it as pausing a page when you leave it and playing it when you return.

The company states that this feature could improve performance by up to 19 percent in mobile Chrome, and by 10 percent on desktop PC based on the number of site interactions that represent a back/forward usage pattern. This type of caching wouldn’t accelerate sites you visit on a regular basis or improve performance overall. It’s a specific change that would make it easier to surf when moving forward and back on the same site after having accessed it the first time.

According to Google, Chrome isn’t using the default WebKit implementation of a bfcache, due to incompatibilities with Google’s multi-process architecture. Google also has work to do on the browser, ensuring that JavaScript actually freezes on the page to be cached, rather than continuing to run in the background. Allowing background JavaScript to run from cached pages would be a significant privacy and security issue.

This is a feature that Firefox and Safari already use, albeit apparently in a somewhat different way. I tried comparing Chrome and Firefox in an ordinary desktop comparison, checking the load times on several sites in succession in the same manner as the videos on Google’s developer blog. Firefox may have outperformed Chrome slightly in these tests, but not enough for me to feel comfortable declaring it a winner, and it didn’t produce the same behavior as the Chrome test did for Google. The instant load of the previous page due to bfcache doesn’t seem to happen the same way. Then again, the video is supposed to show how the feature could work in the future, not serve as a final illustration of implementation.

These changes could increase RAM usage in Chrome, but Google plans to minimize this with smarter rules about when and how to keep data in RAM while pages are suspended. The goal is to implement the feature throughout 2019 and roll it into shipping Chrome in 2020.

Now Read:

Google’s Proposed Chrome Changes Would Cripple Ad Blockers, Other Extensions

This site may earn affiliate commissions from the links on this page. Terms of use.

Google has proposed a series of changes to Chrome that, if adopted in their current form, could cripple how ad blocking works within Chromium-based browsers. The impact of the changes wouldn’t be limited to ad blocking — other projects like NoScript and a wide range of other extensions would, according to their authors, also be impacted.

Google’s proposed changes, detailed in its Manifest V3 document, would make significant changes to how extensions fundamentally work within Chrome. Extensions, for example, will no longer be permitted to load code from remote servers or to automatically apply to all sites (users will have an option to choose to run extensions on specific sites or on every site). But the biggest problems appear to be with Google’s plans to deprecate or limit the use of its webRequest API. As Ars Technica details, webRequest allows extensions to evaluate each network request that the extension is intended to monitor and to make decisions about what happens to it. Requests can be modified in-flight to change how the browser behaves in a wide variety of scenarios. Ad blockers, script blockers, and a number of various privacy-oriented extensions rely on this capability.

Google wants to replace webRequest with a new API, declarativeNetRequest. Using the old webRequest API requires that the browser ask the extension how content should be handled. The new API instead requires that the extension declare to the browser what it can do and how it does it. The problem is, the new API has a fraction of the capability of the old one. Extensions are also currently hard-limited to a constraint of 30,000 items to be filtered. As Ars notes, the current version of uBlock Origin ships with 90,000 filters by default and supports up to 500,000.

uBlock-Screenshot

The advanced functionality of extensions like uBlock isn’t possible under the new rules.

Thus far, feedback from actual extension developers has been unilaterally negative. The hard-coded limit on blocked or redirected URLs has been criticized by almost everyone in the Google Chromium development thread. Anti-phishing and anti-malware extension developers are also concerned because the new rules require that extension data be stored in plaintext, whereas some security-related extensions store information in hashed form.

While there have been reports that AdBlock Plus will have an easier time functioning under these rules than extensions like uBlock Origin, one of the authors of that extension argues that even ABP will be harmed, noting that the declarativeNetRequest API “only covers the same limited subset of filter capabilities implemented in Adblock Plus that it does in uBlock Origin.” Instead of being able to implement powerful, custom rulesets, he argues that extensions would now be limited to “providing filter rules.” This would fundamentally limit the ability of extension developers to respond quickly to website efforts to bypass their work. Security extension developers also raised these concerns, noting that the new API disallows updating content-blocking lists in real time. This alone makes it impossible for security extensions to provide fast updates.

Google’s responses, thus far, have been fairly limited. The company has been stressing that the webRequest API will be sticking around in some capacity since declarativeNetRequest can’t handle everything. It’s still evaluating the contexts in which webRequest will be allowed to function, however.

Google’s claim that these changes will improve security and performance have been met with a gimlet eye overall. Several developers have pointed out that the performance impact of running uBlock or other ad blockers on websites is so large, any performance gains Google gets from adopting a faster API will be completely subsumed by the sharp limits on the amount of content those extensions are actually able to block. Speeding up page loads by 20 percent may not mean much if you’re loading 3-5x more data relative to using an ad blocker. Security extension authors have also argued that the security risk to breaking their own products is larger than the sum total of the improvements Google is hoping to gain.

For now, Manifest V3 remains a draft document. If Google decides to implement the current version of the standard, Firefox may see a sudden uptick in adoption. It’s now the only major cross-platform browser in active development that isn’t based on Chromium.

Now Read:

Ex-Microsoft Intern: Google Deliberately Crippled Edge Browser

This site may earn affiliate commissions from the links on this page. Terms of use.

Allowing any one company too much control over the internet and the long-term development of web standards has always been a bad idea. It didn’t work well in the late 1990s and early 2000s when Microsoft’s Internet Explorer was the de facto standard, and it isn’t likely to be a particularly great outcome in 2018, either, now that Chromium has emerged as the single dominant player in browsing. According to a former Edge intern/developer, Microsoft has given up on its own EdgeHTML engine because it couldn’t keep up with the ways Google kept breaking major websites to disadvantage it.

In a post at Hacker News, JoshuaJB (identified via Neowin as Joshua Bakita), in response to a post theorizing that Google could exploit its dominance by integrating preferential support to boost Google app performance at the expense of other platforms or products, writes:

This is already happening. I very recently worked on the Edge team, and one of the reasons we decided to end EdgeHTML was because Google kept making changes to its sites that broke other browsers, and we couldn’t keep up. For example, they recently added a hidden empty div over YouTube videos that causes our hardware acceleration fast-path to bail (should now be fixed in Win10 Oct update). Prior to that, our fairly state-of-the-art video acceleration put us well ahead of Chrome on video playback time on battery, but almost the instant they broke things on YouTube, they started advertising Chrome’s dominance over Edge on video-watching battery life. What makes it so sad, is that their claimed dominance was not due to ingenious optimization work by Chrome, but due to a failure of YouTube. On the whole, they only made the web slower.

Now while I’m not sure I’m convinced that YouTube was changed intentionally to slow Edge, many of my co-workers are quite convinced — and they’re the ones who looked into it personally. To add to this all, when we asked, YouTube turned down our request to remove the hidden empty div and did not elaborate further.

And this is only one case.

The irony of defending Edge and Microsoft after years of decrying the way Redmond has shoved everyone towards using Edge at every opportunity is not lost on me. Neither is the irony of defending Microsoft in general. The company’s hostility towards open source development and its fondness for monopoly may have faded somewhat in recent years, but they’ve scarcely been forgotten.

stupid-ad-2

What we needed was a happy medium between “One browser rules the Earth” and “Your browser is malware.” Image by Thurrot.com

But I don’t need to stick up for the way Microsoft pushed people to use Edge to see the danger in giving any single company too much control over standards and practices. We don’t know if the story above is actually true — as of this writing, it hasn’t been independently confirmed. But it’s not hard to believe, and we’ve seen historical examples of how this kind of monopoly can work against companies that attempt to create alternatives. IE6 dominated the internet to such a degree that websites were often programmed to perform well in Internet Explorer, even when this broke standards or failed to conform to best practices. Competing browsers that attempted to implement standards correctly would then fail to work with IE6 pages.

Ars Technica gives another example of how Google has designed sites like YouTube to favor its own approach, to the detriment of other browsers.

As another example, YouTube uses a feature called HTML imports to load scripts. HTML imports haven’t been widely adopted, either by developers or browsers alike, and ECMAScript modules are expected to serve the same role. But they’re available in Chrome and used by YouTube. For Firefox and Edge, YouTube sends a JavaScript implementation of HTML imports which carries significant performance overheads. The result? YouTube pages that load in a second in Chrome take many seconds to load in other browsers.

The fact that Chromium is open source won’t ultimately matter much if one company still represents the overwhelming force behind its development and the associated development of future web standards. In mobile, Apple still has some sway, thanks to Safari on the iPhone. But Mozilla Firefox, with its 9 percent market share, is now the only bulwark against Chrome’s total domination of the desktop browser market.

Now Read:

Firefox, Chrome and the Future of Trustworthy Extensions

Firefox

Browser extensions are wonderful. Nearly every day I come across a new Firefox extension that customizes my browser in some creative way I’d never even considered. Some provide amusement for a short time, while others have become indispensable to my work and life. Extensions are a real-world manifestation of one of Mozilla’s core principles — that individuals must have the ability to shape the internet and their experiences on it.

Another of Mozilla’s core principles is that an individual’s security and privacy on the internet are fundamental and must not be treated as optional. We’ve made the decision to support extensions, but it is definitely a balancing act. Our users’ freedom to customize their browser – their “user agent” – and to personalize their experience on the web can also be exploited by malicious actors to compromise users’ security and privacy.

At Mozilla, we continually strive to honor both principles. It’s why Firefox extensions written to the WebExtensions API are limited in their abilities and have good oversight, including automatic and manual review. It’s also why we make sure users can understand exactly what permissions they’ve granted to those extensions and what parts of their browser they can access.

In short, Mozilla makes every effort to ensure that the extensions we offer are trustworthy.

So it was with great interest that I read Google’s recent Chromium Blog blog post entitled “Trustworthy Chrome Extensions, by default.” It outlines upcoming changes to Chrome’s extension architecture designed to make “extensions trustworthy by default.” I thought it would be interesting to explore each of the announced changes and compare them to what Mozilla has built into Firefox.

User Controls for Host Permissions

“Beginning in Chrome 70, users will have the choice to restrict extension host access to a custom list of sites, or to configure extensions to require a click to gain access to the current page.”

Being able to review and modify the sites that an extension has access to, especially those extensions that ask to “access your data for all websites,” is a worthy goal. Mozilla has discussed similar ideas, but the problem always comes down presenting this in a clear, uncomplicated way to a majority of users.

Having played a bit with this feature in Chrome, the implementation definitely seems targeted at power users. Extensions that request access to all websites still get installed with that access, so the default behavior has not changed.

The click-to-script option is intriguing, although the UX is a bit awkward. It’s workable if you have a single extension, but becomes unwieldy to click and reload every site visited for every installed extension.

Admittedly, getting this interface right in an intuitive and easy-to-use manner is not straightforward and I applaud Google for taking a shot at it. Meanwhile Mozilla will continue to look for ways Firefox can provide more permission control to a majority of extension users.

Extension Review Process

“Going forward, extensions that request powerful permissions will be subject to additional compliance review.”

The post is vague about exactly what this means, but it likely means these extensions will be flagged for manual review. This brings Chrome up to the standard that Firefox set last year, which is great news for the web. More manual review means fewer malicious extensions.

“We’re also looking very closely at extensions that use remotely hosted code, with ongoing monitoring.”

Firefox expressly forbids remotely hosted code. Our feeling is that no amount of review can eliminate the risks introduced when developers can easily and undetectably change what code is loaded by extensions. Mozilla’s policy ensures that no unreviewed code is ever loaded into the browser, and enforced signatures prevents reviewed code from being altered after release.

Code Readability Requirements

“Starting today, Chrome Web Store will no longer allow extensions with obfuscated code…minification will still be allowed.”

In reality, minified and obfuscated code are not very useful in extensions. In both Chrome and Firefox, extensions load locally (not over the network) so there is almost no performance advantage to minification, and obfuscation can be overcome by a dedicated person with readily available tools and sufficient effort.

Nevertheless, Mozilla permits both obfuscated and minified extensions in our store. Critically, though, Mozilla requires all developers to submit original, non-obfuscated, non-minified code for review, along with instructions on how to reproduce (including any obfuscation or minification) the store version. This ensures that reviewers are able to review and understand every extension, and that the store version is unaltered from the reviewed version.

As you might expect, this takes a significant investment of time and energy for both Mozilla and developers. We believe it is worth it, though, to allow developers to secure their code, if desired, while simultaneously providing thoroughly reviewed extensions that maintain user security and privacy.

Required 2-Step Verification

As a whole, the web is moving in this direction and requiring it for developer accounts is a strong step towards protecting users. Mozilla recently added two-step authentication for Firefox Sync accounts, and two-step authentication for Firefox extension developers is on the roadmap for the fourth quarter of 2018. Like Google, we expect to have this feature enabled by 2019.

Manifest v3

“In 2019 we will introduce the next extensions manifest version…We intend to make the transition to manifest v3 as smooth as possible and we’re thinking carefully about the rollout plan.”

In 2015, Mozilla announced we were deprecating our extremely popular extension system in favor of WebExtensions, an API compatible with Chrome, as well as Edge and Opera. There were several reasons for this, but a large part of the motivation was standards — a fundamental belief that adopting the API of the market leader, in effect creating a de facto standard, was in the best interests of all users.

It was a controversial decision, but it was right for the web and it represents who Mozilla is and our core mission. Three years later, while there still isn’t an official standard for browser extensions, the web is a place where developers can quickly and easily create cross-browser extensions that run nearly unchanged on every major platform.

So I would like to publicly invite Google to collaborate with Mozilla and other browser vendors on manifest v3. It is an incredible opportunity to show that Chrome embodies Google’s philosophy to “focus on the user,” would reaffirm the Chrome team’s commitment to open standards and an interoperable web, and be a powerful statement that working together on the future of browser extensions is in the best interests of a healthy internet.

Conclusion

While all of the changes Google outlined are interesting, some of them could go a step further in protecting users online. Nevertheless, I’d like say — bravo! The motivation behind these changes is definitely in the spirit of Mozilla’s mission and a gain for the open web. With Chrome’s market share, these initiatives will have a positive impact in protecting the security and privacy of millions of users around the world, and the web will be a better place for it.

A lot of work remains, though. Expect Mozilla to keep fighting for users on the web, launching new initiatives, like Firefox Monitor, to keep people safe, and advancing Firefox to be the best user agent you can have in your online journies.

The post Firefox, Chrome and the Future of Trustworthy Extensions appeared first on Mozilla Add-ons Blog.

How to Import and Export Browser Bookmarks

I like to use multiple browsers and always mess around with any new browser in town. And so, quite often I import/export my bookmarks around. If you are looking to move your browser bookmarks to a different browser, then I can help.

In this post, I’ll show you how to import and export bookmarks and other data in:

Chrome

Import bookmarks

  1. Click on the three vertical dots menu at the top-right corner and go to Bookmarks > Import bookmarks and settings.
    bookmarks and settings
  2. Next, either select the an installed browser to directly import the bookmarks, or select the HTML file from your PC. While directly importing, you can select type of data as well, such as browser history, bookmarks, passwords, and search engines. Click on Import when you are done to import the data.
    chrome

Export bookmarks

  1. Click on the three vertical dots menu again and go to Bookmarks > Bookmark manager.
    chrome bookmark manager
  2. Go to Organize > Export bookmarks to HTML file. An HTML file will be ready to download.
    export chrome bookmark

Firefox

Import bookmarks

  1. From the top bar, click on the Show Bookmarks button, and select Show all bookmarks. You may also use Ctrl + Shift + B for this.
    show all firefox bookmarks
  2. Next, click on the Import and Backup menu at the top and click on Import Bookmarks from HTML to import them from an HTML file, or click on Import Data from Another Browser to select another browser to directly import data.
    import bookmarks firefox

Export bookmarks

From the same Import and Backup menu, click on the Export Bookmarks to HTML option and save the HTML.

export firefox bookmarks

Opera

Import bookmarks

  1. Open Opera menu from the top-left corner and click on Settings. Alternatively, you can use the shortcut Alt + P.
  2. Here move to the Browser section from the left menu and click on the Import bookmarks and settings button under the Default browser heading.
    opera bookmarks and settings
  3. Now you can either select a supported browser from the drop-down list or select “Bookmarks HTML file” option to import from an HTML file.
    import opera bookmarks

Export bookmarks

Unfortunately, Opera doesn’t support export feature. However, you can use Bookmarks Import & Export Opera extension to get this functionality. Install and open up the extension, and click on the Export button to download the bookmarks HTML file.

export opera bookmarks

Microsoft Edge

Import bookmarks

  1. Click on the three horizontal dots menu at the top-right corner and select Settings.
  2. Now click on the Import from another browser button under the Import favorites and other info” button.
  3. Next, you can select a supported browser, or click on the Import from file button to import from an HTML file.
    import edge bookmarks

Export bookmarks

Go to the “Import your info” menu again and click on the “Export to file” button to download the HTML file.

export favourites

Note: The export is only available in the Creators Update of Windows 10. In case you haven’t updated Windows 10 to Creators Update, you can use this third-party tool Edge Manage to export favorites.

Internet Explorer

Import bookmarks

  1. Click on the Star icon at the top-right corner, and click on the tiny upside down arrow next to the Add to favorites button. Here click on the Import and export option.
    import and export internet explorer
  2. A wizard will open up. Here you can either select Import from another browser or Import from a file option and then follow the wizard to import data.
    import bookmarks internet explorer

Export bookmarks

  1. Open the same “Import and export” wizard and select the “Export to a file” option.
    export internet explorer bookmarks
  2. On the next page, you can select the type of data that you want to export, including Favorites, Feeds, and Cookies. Afterward, click Next to finish the process and download the HTML file.
    select data internet explorer

Vivaldi

Import bookmarks

  1. Click on the Vivaldi menu button at the top-left corner and select Import Bookmarks and Settings from the File option.
    import vivaldi bookmark settings
  2. From the drop-down menu, you can select a supported browser or an HTML file. Interestingly, Vivaldi also supports importing data from Opera, although Opera natively doesn’t support the export feature.
    import vivaldi bookmark

Export bookmarks

To export bookmarks, go to the File menu again and select “Export Bookmarks” to download the HTML file.

export vivaldi bookmarks

Wrap up

While importing data, try to automatically import from an installed browser instead of an HTML file. This way you’ll be able to import more data, including cookies, bookmarks, history and saved passwords.

The exported HTML file usually only contains bookmarks, so direct importing is better and more convenient.

Which Browsers Should Your Website Support?

This article is part of a series created in partnership with SiteGround. Thank you for supporting the partners who make SitePoint possible.

The question “which browsers should my website/app support?” is often raised by clients and developers. The simple answer is a list of the top N mainstream applications. But has that policy become irrelevant?

What are the Most-used Browsers?

The top ten desktop browsers according to StatCounter for May 2017 were:

  1. Chrome — 59.37% market share
  2. Firefox — 12.76%
  3. Safari — 10.55%
  4. IE — 8.32%
  5. Edge — 3.42%
  6. Opera — 1.99%
  7. Android (tablet) — 1.24%
  8. Yandex Browser — 0.48%
  9. UC Browser — 0.41%
  10. Coc Coc — 0.33%

Mobile now accounts for 54.25% of all web use so we also need to examine the top ten phone browsers:

  1. Chrome — 49.23%
  2. Safari — 17.73%
  3. UC Browser — 15.89%
  4. Samsung Internet — 6.58%
  5. Opera — 5.03%
  6. Android — 3.75%
  7. IEMobile — 0.68%
  8. BlackBerry — 0.26%
  9. Edge — 0.15%
  10. Nokia — 0.12%

The worldwide statistics don’t tell the whole story:

  • Patterns vary significantly across regions. For example, Yandex is the second most-used Russian browser (12.7% share). Sogou is the third most-used browser in China (6.5%). Opera Mobile/Mini has a 28% share in Africa.
  • New browser releases appear regularly. Chrome, Firefox and Opera receive updates every six weeks; it would be impractical to check versions going back more than a few months.
  • The same browsers can work differently across devices and operating systems. Chrome is available for various editions of Windows, macOS, Linux, Android, iOS and ChromeOS, but it’s not the same application everywhere.
  • There is an exceedingly long tail of old and new, weird and wonderful browsers on a range of devices including games consoles, ebook readers and smart TVs.
  • Your site’s analytics will never match global statistics.

Are Browsers So Different?

Despite the organic variety of applications, all browsers have the same goal: to render web pages. They achieve this with a rendering engine and there is some cross-pollination:

  1. Webkit is used in Safari on macOS and iOS.
  2. Blink is a fork of Webkit now used in Chrome, Opera, Vivaldi and Brave.
  3. Gecko is used in Firefox.
  4. Trident is used in Internet Explorer.
  5. EdgeHTML is an update of Trident used in Edge.

The majority of browsers use one of these engines. They’re different projects with diverse teams but the companies (mostly) collaborate via the W3C to ensure new technologies are adopted by everyone in the same way. Browsers are closer than they’ve ever been, and modern smartphone applications are a match for their desktop counterparts.

However, no two browsers render in quite the same way. The majority of differences are subtle, but they become more pronounced as you move toward cutting-edge technologies. A particular feature may be fully implemented in one browser, partially implemented in another, and non-existent elsewhere.

Can My Site Work in Every Browser?

Yes. Techniques such as progressive enhancement (PE) establish a baseline (perhaps HTML only) then enhance with CSS and JavaScript when support is available. Recent browsers get a modern layout, animated effects and interactive widgets. Ancient browsers may get unstyled HTML only. Everything else gets something in between.

PE works well for content sites and apps with basic form-based functionality. It becomes less practical as you move toward applications with rich custom interfaces. Your new collaborative video editing app is unlikely to work in the decade-old IE7. It may not work on a small screen device over a 3G network. Perhaps it’s possible to provide an alternative interface but the result could be a separate, clunky application few would want to use. The cost would be prohibitive given the size of the legacy browser user base.

Site Owner Recommendations

Site owners should appreciate the following fundamentals and constraints of the web.

The web is not print!
Your site/app will not look identical everywhere. Each device has a different OS, browser, screen size, capabilities etc.

Functionality can differ
Your site can work for everyone but experiences and facilities will vary. Even something as basic as a date entry field can has a diverse range of possibilities but, ideally, the core application will remain operable.

Assess your project
Be realistic. Is this a content site, a simple app, a desktop-like application, a fast-action game etc. Establish a base level of browser compatibility. For example, it must work on most two-year-old browsers with a screen width of 600 pixels over a fast Wi-Fi connection.

Assess your audience
Don’t rely on global browser statistics. Who are the primary users? Are they IT novices or highly technical? Is it individuals, small companies or government organisations? Do they sit at a desk or are they on the move? No application applies to everyone — concentrate on the core users first.

Examine the analytics of your existing system where possible but appreciate the underlying data. If your app doesn’t work in Opera Mini, you’re unlikely to have Opera Mini users. Have you blocked a significant proportion of your market?

Change happens
It’s amazing that a web page coded twenty years ago works today. It won’t necessarily be pretty or usable but browsers remain backward compatible. (Mostly. The tag can stay dead!) However, technology evolves. The more complex your site or application, the more likely it will require ongoing maintenance.

Web Developer Recommendations

With a little care it’s possible to support a huge variety of browsers.

Embrace the web!
The web is a device-agnostic platform. Content and simpler interfaces can work everywhere: a modern laptop, a feature phone, a games console, IE6, etc. Learn the basics of progressive enhancement. Even if you choose not to adopt it for your full application, there will be pockets of functionality where it becomes invaluable.

Adopt Defensive Development Techniques
Consider the problem before reaching for the nearest pre-written module, library or framework. Understand the consequences of that technology before you start. Frameworks should provide a browser support list because they have been tested in limited number of applications.

Learn about browser limits and quirks. For example, if you’re considering an SVG chart, be aware that it can look odd in IE9 to 11 and fail in IE8 and below. That doesn’t mean it’s a binary choice of rejecting SVGs or abandoning IE support. There are always compromises which do not incur significant development. For example:

  • accept SVG rendering is weird but it remains usable
  • only show a table of data in IE, or
  • provide an SVG download which IE users can open elsewhere.

Test early and test often
You cannot possibly test every device, but developing for a single browser is futile.

Continually test your project in a variety of applications. Leaving testing to the end will have catastrophic consequences. It’s easy for us to blame tools and browser inadequacies, but the majority of issues can be rectified during the development process if they’re spotted early.

That’s not to say everything must work identically in every browser every time. Feature regressions are inevitable. For example:

  • Progressive Web Apps do not work offline on iPhones and iPads — but online operation is fine.
  • CSS Grid is not supported in IE — but float, flexbox or full-width block fallbacks should be acceptable.
  • The desktop edition of Firefox does not show a calendar for date fields — but users can still enter one.

Install a selection of browsers on your development PC. Mac and Linux users can obtain Microsoft Edge and IE testing tools at developer.microsoft.com/microsoft-edge/. It’s more difficult for Windows and Linux users to test Safari; online test services such as BrowserStack are the easiest option.

Modern browsers have excellent mobile emulation facilities, but use a few real devices to appreciate touch control and performance on slower hardware and networks.

Use HTTPS on your end

The web is gradually making HTTPS the preferred protocol, and this trend is going to continue. Google Chrome is even starting to indicate that non-HTTPS sites as insecure, which is a good reason for you to configure your site to use HTTPS. Our web hosting partner, SiteGround, for example, made it easy for their clients to make the move to HTTPS. To do that, they automated the installation of Let’s Encrypt SSL certificates for all new WordPress accounts, and for existing ones, they made the switch to HTTPS possible with just a click.

You Haven’t Answered the Question!

The question “which browsers should you support?” has become too restrictive. Presume your answer was just “Chrome”:

  • which devices and OS is it running on?
  • what range of screen sizes will be supported?
  • which version are you referring to? The latest? Chrome 10 and above?
  • what happens when a new version of Chrome is released?
  • what will happen in other browsers when Chrome effectively becomes your application’s runtime?

Providing a browser support list has become impractical for client-facing projects. Perhaps the best answer is: “we’ll develop your project according to presumed demographics then test as in many devices, OSes, browsers, and versions as possible according to budget and time constraints”. Even then, you’ll miss that aging Blackberry the CEO insists on using.

Develop for the web — not browsers.

How to Disable “Save Passwords” Option in Browser

The built-in password manager in most browsers is extremely insecure. The fact that it usually uses your PC’s login password for protecting all your other passwords is more than enough reason to drop it in support of third-party password managers.

If you’re concerned about the security of your passwords, then you should switch to a secure password manager such as LastPass and disable the browser’s built-in password manager.

And to help you with this security leap I’m going to show you how to both disable the Save Password option and remove previously saved passwords in all of the major browsers.

Chrome

In Google Chrome, you can disable the Save Password option and remove the saved passwords as follows:

  1. Click on the main menu at the top-right corner and select Settings from it.
  2. chrome settings
  3. Click on Show advanced settings at the bottom and then uncheck the option “Offer to save passwords with Google Smart Lock for Passwords” under the Passwords and forms section.
  4. disable save password

This will stop chrome from prompting you to save passwords every time you log in to a website. If you want to delete previously saved passwords, then click on the Manage passwords link next to it.

A window will open up where you can see all your saved passwords. Simply click the cross (X) button next to each entry to remove it.

manage google passoword

Firefox

To remove the Save Password prompt and already saved passwords in Firefox, follow the steps below:

  1. Click on the hamburger menu at the top-right corner and select Options from it.
  2. firefox options
  3. Move to the Security section and uncheck the option “Remember logins for sites”. This will stop Firefox from saving your passwords in the future.
  4. disable save password

To delete previously saved passwords, click on the Saved Logins button on the same page. Here you can remove saved passwords and even import them to save anywhere else.

manage firefox password

Opera

In the Opera browser you can do the following steps to disable the Save Password option and delete the already saved passwords:

  1. Step 1: Open the Opera menu from the top-left corner and select Settings from it.
  2. opera settings
  3. Step 2: Here move to the Privacy & security section from the left menu and uncheck the option “Offer to save passwords I enter on the web”.
  4. disable save passwords

To manage the passwords, click on the Show all passwords button below it. You can click on the cross (X) next to each saved password to remove it.

manage opera password

Safari

You can disable the Save Passwords option and manage the previously saved passwords in Safari through below-mentioned steps:

  1. Open the Safari menu and click on Preferences in it.
  2. safari menu
  3. Now uncheck the option Usernames and passwords to stop Safari from saving your passwords.
  4. disable save password

To manage previously saved passwords, click on the Edit button next to the the Usernames and passwords option. Here you can remove passwords individually or in bulk.

Microsoft Edge

In Microsoft Edge, you can prevent the browser from saving your passwords through the following steps:

  1. Go to the Edge main menu at the top-right corner and click on Settings.
  2. edge settings
  3. Here scroll down and click on the View advanced settings button at the end. Scroll further a bit and toggle off the button below the Offer to save passwords option to stop Edge from saving your passwords.

You can click on the Manage my saved passwords button below it to see all the passwords and delete them.

Internet Explorer

And finally, in Internet Explorer, you can manage the Save Passwords option as well as the passwords saved before by doing the following steps:

  1. In Internet Explorer, click on the Gear menu at the top-right corner and select Internet options from it.
  2. internet explorer options
  3. Move to the Content tab and then click on the Settings button in the AutoComplete section.
  4. internet explorer settings
  5. Uncheck the checkbox next to Usernames and passwords on forms and Internet Explorer will stop asking you to save the password.
disable internet explorer save password

You can click on the Manage Passwords button below it to see all the passwords and remove them.

Alternative ways to Delete saved passwords in bulk

To disable the Save password option, you will have to go into the security settings of the respective browser. However, if you just want to delete all of the saved passwords, then there is an alternative method as well.

All browsers come with an option to clear browsing data. This feature also has an option to delete all the saved passwords in bulk. Usually, this option is located in the Privacy and Security settings of a browser. Go there and check the option Saved passwords and delete them.

clear saved password

You can use a cleaning tool like CCleaner to delete saved passwords in multiple browsers at the same time. Just open CCleaner and move to the Applications section. You will see all your installed browsers here. Simply select Saved Passwords under each of the browsers and click on Run Cleaner to delete all the passwords.

delete save password

Do keep in mind that CCleaner also deletes other types of junk files as well in order to clean your PC. If you don’t want to delete the junk data for any reason, then uncheck all the other options first.

Wrapping up

Even though you can decline the Save password prompt whenever you are asked, disabling the browser manager is still important. Simply because you may accidentally confirm the Save Password prompt while logging in and save a sensitive password in the browser’s insecure vault. And to be honest, the Save password prompt is quite annoying too.

How to Disable “Save Passwords” Option in Browser

The built-in password manager in most browsers is extremely insecure. The fact that it usually uses your PC’s login password for protecting all your other passwords is more than enough reason to drop it in support of third-party password managers.

If you’re concerned about the security of your passwords, then you should switch to a secure password manager such as LastPass and disable the browser’s built-in password manager.

And to help you with this security leap I’m going to show you how to both disable the Save Password option and remove previously saved passwords in all of the major browsers.

Chrome

In Google Chrome, you can disable the Save Password option and remove the saved passwords as follows:

  1. Click on the main menu at the top-right corner and select Settings from it.
  2. chrome settings
  3. Click on Show advanced settings at the bottom and then uncheck the option “Offer to save passwords with Google Smart Lock for Passwords” under the Passwords and forms section.
  4. disable save password

This will stop chrome from prompting you to save passwords every time you log in to a website. If you want to delete previously saved passwords, then click on the Manage passwords link next to it.

A window will open up where you can see all your saved passwords. Simply click the cross (X) button next to each entry to remove it.

manage google passoword

Firefox

To remove the Save Password prompt and already saved passwords in Firefox, follow the steps below:

  1. Click on the hamburger menu at the top-right corner and select Options from it.
  2. firefox options
  3. Move to the Security section and uncheck the option “Remember logins for sites”. This will stop Firefox from saving your passwords in the future.
  4. disable save password

To delete previously saved passwords, click on the Saved Logins button on the same page. Here you can remove saved passwords and even import them to save anywhere else.

manage firefox password

Opera

In the Opera browser you can do the following steps to disable the Save Password option and delete the already saved passwords:

  1. Step 1: Open the Opera menu from the top-left corner and select Settings from it.
  2. opera settings
  3. Step 2: Here move to the Privacy & security section from the left menu and uncheck the option “Offer to save passwords I enter on the web”.
  4. disable save passwords

To manage the passwords, click on the Show all passwords button below it. You can click on the cross (X) next to each saved password to remove it.

manage opera password

Safari

You can disable the Save Passwords option and manage the previously saved passwords in Safari through below-mentioned steps:

  1. Open the Safari menu and click on Preferences in it.
  2. safari menu
  3. Now uncheck the option Usernames and passwords to stop Safari from saving your passwords.
  4. disable save password

To manage previously saved passwords, click on the Edit button next to the the Usernames and passwords option. Here you can remove passwords individually or in bulk.

Microsoft Edge

In Microsoft Edge, you can prevent the browser from saving your passwords through the following steps:

  1. Go to the Edge main menu at the top-right corner and click on Settings.
  2. edge settings
  3. Here scroll down and click on the View advanced settings button at the end. Scroll further a bit and toggle off the button below the Offer to save passwords option to stop Edge from saving your passwords.

You can click on the Manage my saved passwords button below it to see all the passwords and delete them.

Internet Explorer

And finally, in Internet Explorer, you can manage the Save Passwords option as well as the passwords saved before by doing the following steps:

  1. In Internet Explorer, click on the Gear menu at the top-right corner and select Internet options from it.
  2. internet explorer options
  3. Move to the Content tab and then click on the Settings button in the AutoComplete section.
  4. internet explorer settings
  5. Uncheck the checkbox next to Usernames and passwords on forms and Internet Explorer will stop asking you to save the password.
disable internet explorer save password

You can click on the Manage Passwords button below it to see all the passwords and remove them.

Alternative ways to Delete saved passwords in bulk

To disable the Save password option, you will have to go into the security settings of the respective browser. However, if you just want to delete all of the saved passwords, then there is an alternative method as well.

All browsers come with an option to clear browsing data. This feature also has an option to delete all the saved passwords in bulk. Usually, this option is located in the Privacy and Security settings of a browser. Go there and check the option Saved passwords and delete them.

clear saved password

You can use a cleaning tool like CCleaner to delete saved passwords in multiple browsers at the same time. Just open CCleaner and move to the Applications section. You will see all your installed browsers here. Simply select Saved Passwords under each of the browsers and click on Run Cleaner to delete all the passwords.

delete save password

Do keep in mind that CCleaner also deletes other types of junk files as well in order to clean your PC. If you don’t want to delete the junk data for any reason, then uncheck all the other options first.

Wrapping up

Even though you can decline the Save password prompt whenever you are asked, disabling the browser manager is still important. Simply because you may accidentally confirm the Save Password prompt while logging in and save a sensitive password in the browser’s insecure vault. And to be honest, the Save password prompt is quite annoying too.

Browser Add-Ons To Enhance Your YouTube Viewing Experience

YouTube is the most comprehensive medium of learning and entertainment. You can teach yourself a great deal through cooking, house-keeping, technology and various other channels, or you can simply watch cat videos all day.

However, there are minor annoyances that people often complain about. Most common complaints are about the layout being distracting, too much white space, and annoying advertisements that eat into your video-viewing time.

To tackle these problems, here are 8 browser add-ons for Chrome and Firefox so next time you watch YouTube videos you get the best viewing experience.

1. Enhancer for YouTube™

As the name suggests, Enhancer for YouTube™ is created to enhance your overall YouTube experience with different tweaks. Some of the notable actions it adds include the ability to control volume and playback with the mouse wheel, remove annotations automatically, loop videos, and play videos in your preferred quality.

Enhancer for YouTube™

The extension also removes ads from the YouTube player, and you can enlarge the size of the player as well. Interestingly, if you don’t like the current theme of YouTube, then this extension also lets you apply custom themes that will surely please your eyes.

Get it on Chrome | Firefox

2. YouTube Flash Player

Agreed that HTML5 is the future of video playback, but Flash isn’t dead yet; and for a good reason. Flash is lighter on system resources such as CPU and RAM, and it keeps buffering the video even if you stop. Therefore, on a low-end PC and slow network, Flash player allows you to view HD videos by simply letting it buffer before playing. The YouTube Flash Player extension replaces YouTube HTML5 player with the Flash player.

YouTube Flash Player

A simple click on the extension will let you switch the player from Flash to HTML5 and vice versa. Although do keep in mind that Flash player may not work best on your specific device, so make sure you experiment with both the players to see which one works for you best.

Get it on Chrome | Firefox

3. SmartVideo For YouTube

If you want to play YouTube videos in full HD but YouTube keeps kicking you in the 360p club due to your slow internet speed, then this is the extension you need. It enhances your YouTube viewing experience by giving you full control over the buffering bar and play the video in your preferred quality without any lag.

SmartVideo For YouTube

It has multiple buffer strategies, like you can make the video play when it fully buffers or let it buffer but play it whenever you like. It also has a smart buffer feature that plays the video automatically when it could be fully played without stopping.

The extension is also highly customizable and you can manage settings for both the YouTube player and embedded YouTube videos separately.

Get it on Chrome | Firefox

4. YouTube Plus

Another handy extension that adds a ton of new actions to enhance your YouTube viewing experience. YouTube Plus lets you play your video in a pop-out window that will float in your desired place. You can then move around and even read the comments while still keeping the video in view.

It also gives you control over the video FPS rate and you can even view the video frame-by-frame (perfect for tutorials).

YouTube Plus

The extension removes ads from all the YouTube videos, and you can blacklist channels to never come in your suggestions or search results. Some of its other features include the ability to increase player size, reverse playlist, take screenshots of videos, see total uploaded videos by a creator, save video thumbnail, and more.

Get it on Firefox

5. YouTube Control Center

As the name implies, this extension lets you control basic features of YouTube and make them autonomous. You just need to specify your preferences and the YouTube player will work as you demand.

To name some of the features you can control, you can set playback quality, default playback volume, control autoplay, control buffer bar, pause current YouTube player when another player plays, control annotation, and more.

YouTube Control Center

Apart from playback, it can also hide comments, views info, buttons and video details. Furthermore, it can also block flash based advertisement, and even add custom themes to the YouTube player.

Get it on Chrome | Firefox

6. Video Preview

YouTube is loaded with clickbait videos. The video thumbnail suggests something really awesome, but inside there is nothing but disappointment. If you are tired of such videos wasting your time, then install Video Preview right away.

After installing the extension, you just need to hover your mouse cursor over a video’s thumbnail and it will show random pictures from it to help you get a better idea.

Video Preview

These pictures selected for preview span over the full duration of the video, therefore you’ll probably never fall for a clickbait again. Additionally, the extension shows the rating of the video right above their thumbnail to ensure you click on the right one.

Get it on Chrome | Firefox

7. Audio Only Youtube

Although YouTube is a video streaming website, but much of its content is focused on the audio. If you want to focus on listening to the audio of the video only, then Audio Only YouTube will get the job done. The extension disables the video and lets you listen only to the audio of the video.

Audio Only Youtube

You might think it will only hide the video, but it actually disables it and helps you save bandwidth. The developer claims it can you save up to 50% of bandwidth. It’s also easy to enable/disable the extension to watch the video or listen to the audio.

Get it on Chrome

8. ImprovedTube – YouTube Extension

ImprovedTube also adds a bunch of tweaks and controls to YouTube. It allows you to preset video quality and framerate that you think is right, and you can also expand the player to a full window size. Interestingly, it has a blue-light filter that helps you continuously watch video without any eye itching.

ImprovedTube - YouTube Extension

Some of its other notable features include the ability to hide video details, hide comments, hide related videos, set playback speed, set volume, manage autoplay, and play video in a pop-up.

Which Browsers Should Your Website Support?

browser check list

This article is part of a series created in partnership with SiteGround. Thank you for supporting the partners who make SitePoint possible.

The question: “which browsers should my website/app support?” is often raised by clients and developers. The simple answer is a list of the top N mainstream applications. But has that policy become irrelevant?

What are the Most-Used Browsers?

The top ten desktop browsers according to StatCounter for May 2017 are:

  1. Chrome — 59.37% market share
  2. Firefox — 12.76%
  3. Safari — 10.55%
  4. IE — 8.32%
  5. Edge — 3.42%
  6. Opera — 1.99%
  7. Android (tablet) — 1.24%
  8. Yandex Browser — 0.48%
  9. UC Browser — 0.41%
  10. Coc Coc — 0.33%

Mobile now accounts for 54.25% of all web use so we also need to examine the top ten phone browsers:

  1. Chrome — 49.23%
  2. Safari — 17.73%
  3. UC Browser — 15.89%
  4. Samsung Internet — 6.58%
  5. Opera — 5.03%
  6. Android — 3.75%
  7. IEMobile — 0.68%
  8. BlackBerry — 0.26%
  9. Edge — 0.15%
  10. Nokia — 0.12%

The worldwide statistics don’t tell the whole story:

  • Patterns vary significantly across regions. For example, Yandex is the second most-used Russian browser (12.7% share). Sogou is the third most-used browser in China (6.5%). Opera Mobile/Mini has a 28% share in Africa.
  • New browser releases appear regularly. Chrome, Firefox and Opera receive updates every six weeks — it would be impractical to check versions going back more than a few months.
  • The same browsers can work differently across devices and operating systems. Chrome is available for various editions of Windows, Mac OS, Linux, Android, iOS and ChromeOS but it’s not the same application everywhere.
  • There is an exceedingly long tail of old and new, weird and wonderful browsers on a range of devices including games consoles, ebook readers and smart TVs.
  • Your site’s analytics will never match global statistics.

Are Browsers So Different?

Despite the organic variety of applications, all browsers have the same goal: to render web pages. They achieve this with a rendering engine and there is some cross-pollination:

  1. Webkit is used in Safari on Mac OS and iOS.
  2. Blink is a fork of Webkit now used in Chrome, Opera, Vivaldi and Brave.
  3. Gecko is used in Firefox.
  4. Trident is used in Internet Explorer.
  5. EdgeHTML is an update of Trident used in Edge.

The majority of browsers use one of these engines. They’re different projects with diverse teams but the companies (mostly) collaborate via the W3C to ensure new technologies are adopted by everyone in the same way. Browsers are closer than they’ve ever been and modern smartphone applications are a match for their desktop counterparts.

However, no two browsers render in quite the same way. The majority of differences are subtle but they become more pronounced as you move toward cutting-edge technologies. A particular feature may be fully implemented in one browser, partially implemented in another, and non-existent elsewhere.

Can My Site Work in Every Browser?

Yes. Techniques such as Progressive Enhancement (PE) establish a baseline (perhaps HTML only) then enhance with CSS and JavaScript when support is available. Recent browsers get a modern layout, animated effects and interactive widgets. Ancient browsers may get unstyled HTML only. Everything else gets something in between.

PE works well for content sites and apps with basic form-based functionality. It becomes less practical as you move toward applications with rich custom interfaces. Your new collaborative video editing app is unlikely to work in the decade-old IE7. It may not work on a small screen device over a 3G network. Perhaps it’s possible to provide an alternative interface but the result could be a separate, clunky application few would want to use. The cost would be prohibitive given the size of the legacy browser user base.

Site Owner Recommendations

Site owners should appreciate the following fundamentals and constraints of the web.

The web is not print!
Your site/app will not look identical everywhere. Each device has a different OS, browser, screen size, capabilities etc.

Functionality can differ
Your site can work for everyone but experiences and facilities will vary. Even something as basic as a date entry field can has a diverse range of possibilities but, ideally, the core application will remain operable.

Assess your project
Be realistic. Is this a content site, a simple app, a desktop-like application, a fast-action game etc. Establish a base level of browser compatibility, e.g. it must work on most two year-old browsers with a screen width of 600 pixels over a fast wi-fi connection.

Assess your audience
Do not rely on global browser statistics. Who are the primary users? Are they IT novices or highly technical? Is it individuals, small companies or government organisations? Do they sit at a desk or are they on the move? No application applies to everyone — concentrate on the core users first.

Examine the analytics of your existing system where possible but appreciate the underlying data. If your app doesn’t work in Opera Mini, you’re unlikely to have Opera Mini users. Have you blocked a significant proportion of your market?

Change happens
It’s amazing that a web page coded twenty years ago works today. It won’t necessarily be pretty or usable but browsers remain backward compatible. (Mostly. The tag can stay dead!) However, technology evolves. The more complex your site or application, the more likely it will require ongoing maintenance.

Web Developer Recommendations

With a little care it’s possible to support a huge variety of browsers.

Embrace the web!
The web is a device agnostic platform. Content and simpler interfaces can work everywhere: a modern laptop, a feature phone, a games console, IE6, etc. Learn the basics of Progressive Enhancement. Even if you choose not to adopt it for your full application, there will be pockets of functionality where it becomes invaluable.

Adopt Defensive Development Techniques
Consider the problem before reaching for the nearest pre-written module, library or framework. Understand the consequences of that technology before you start. Frameworks should provide a browser support list because they have been tested in limited number of applications.

Learn about browser limits and quirks. For example, if you’re considering an SVG chart, be aware that it can look odd in IE9 to 11 and fail in IE8 and below. That doesn’t mean it’s a binary choice of rejecting SVGs or abandoning IE support. There are always compromises which do not incur significant development, e.g.

  • accept SVG rendering is weird but it remains usable
  • only show a table of data in IE, or
  • provide an SVG download which IE users can open elsewhere.

Test early and test often
You cannot possibly test every device but developing for a single browser is futile.

Continually test your project in a variety of applications. Leaving testing to the end will have catastrophic consequences. It’s easy for us to blame tools and browser inadequacies but the majority of issues can be rectified during the development process if they’re spotted early.

That’s not to say everything must work identically in every browser every time. Feature regressions are inevitable, e.g.

  • Progressive Web Apps do not work offline on iPhones and iPads — but online operation is fine.
  • CSS Grid is not supported in IE — but float, flexbox or full-width block fallbacks should be acceptable.
  • The desktop edition of Firefox does not show a calendar for date fields — but users can still enter one.

Install a selection of browsers on your development PC. Mac and Linux users can obtain Microsoft Edge and IE testing tools at developer.microsoft.com/microsoft-edge/. It’s more difficult for Windows and Linux users to test Safari — online test services such as BrowserStack are the easiest option.

Modern browsers have excellent mobile emulation facilities but use a few real devices to appreciate touch control and performance on slower hardware and networks.

Use HTTPS on your end

The web is gradually making HTTPS the preferred protocol, and this trend is going to continue. Google Chrome will even start to indicate that non-HTTPS sites as insecure, which is a good reason for you to configure your site to use HTTPS. Our web hosting partner, SiteGround, for example, made it easy for their clients to make the move to HTTPS. To do that, they automated the installation of Let’s Encrypt SSL certificates for all new WordPress accounts, and for existing ones, they made the switch to HTTPS possible with just a click.

You Haven’t Answered the Question!

The question “which browsers should you support?” has become too restrictive. Presume your answer was just “Chrome”:

  • which devices and OS is it running on?
  • what range of screen sizes will be supported?
  • which version are you referring to? The latest? Chrome 10 and above?
  • what happens when a new version of Chrome is released?
  • what will happen in other browsers when Chrome effectively becomes your application’s runtime?

Providing a browser support list has become impractical for client-facing projects. Perhaps the best answer is: “we’ll develop your project according to presumed demographics then test as in many devices, OSes, browsers, and versions as possible according to budget and time constraints”. Even then, you’ll miss that aging Blackberry the CEO insists on using.

Develop for the web — not browsers.