Update Firefox speed content [fix mozilla#14298] (mozilla#14300)

* Update Firefox speed content [fix mozilla#14298]

Update copy on /firefox/features/fast
Update copy on /firefox/browsers/compare/

bedrock/firefox/templates/firefox/browsers/compare/index.html

@@ -325,6 +325,22 @@ <h2>{{ ftl('compare-shared-portability-strong') }}</h2>
 
       <p class="compare-content">{{ ftl('compare-index-almost-all-of-the-browsers') }}</p>
 
+    {% if ftl_has_messages('compare-shared-performance-strong', 'compare-index-how-well-does-firefox-perform', 'compare-index-firefox-is-powered-by-the-world') %}
+      <section class="compare-section-performance">
+        <header class="compare-section-header">
+          <h2>{{ ftl('compare-shared-performance-strong') }}</h2>
+          <p>{{ ftl('compare-index-how-well-does-firefox-perform') }}</p>
+        </header>
+
+        <p class="compare-content">{{ ftl('compare-index-firefox-is-powered-by-the-world') }}</p>
+        <p class="compare-content">{{ ftl('compare-index-firefox-engineers-focus-on-improving',
+          url1='href="%s"'|safe|format(url('firefox.features.fast')),
+          url2='href="https://github.com/WebKit/Speedometer/" rel="external noopener"',
+          url3='href="https://hacks.mozilla.org/2023/10/down-and-to-the-right-firefox-got-faster-for-real-users-in-2023/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=firefox-browser-compare" rel="external noopener"') }}</p>
+        <p class="compare-content">{{ ftl('compare-index-mozilla-cares-about-the-web-so', download='href="%s"'|safe|format(url('firefox.new'))) }}</p>
+      </section>
+    {% endif %}
+
       <section class="compare-section-conclusion">
         <header class="compare-section-header">
             <h2>{{ ftl('compare-index-conclusion') }}</h2>

bedrock/firefox/templates/firefox/features/fast-2024.html

@@ -0,0 +1,25 @@
+{#
+ This Source Code Form is subject to the terms of the Mozilla Public
+ License, v. 2.0. If a copy of the MPL was not distributed with this
+ file, You can obtain one at https://mozilla.org/MPL/2.0/.
+#}
+
+{% extends "firefox/features/base-article.html" %}
+
+{% block page_image %}{{ static('img/firefox/features/fast-high-res.png') }}{% endblock %}
+{% block page_desc %}{{ ftl('features-fast-firefox-is-faster-than-ever') }}{% endblock %}
+
+{% block article_title %}{{ ftl('features-fast-firefox-keeps-getting-faster') }}{% endblock %}
+
+{% block article_content %}
+<h2>{{ ftl('features-fast-how-is-browser-speed-measured') }}</h2>
+<p>{{ ftl('features-fast-speedometer-is-the-most-widely') }}</p>
+<p>{{ ftl('features-fast-the-new-speedomer-3-benchmark') }}</p>
+
+<h2>{{ ftl('features-fast-faster-every-day') }}</h2>
+<p>{{ ftl('features-fast-firefox-is-powered-by-the-world') }}</p>
+<p>{{ ftl('features-fast-all-browsers-had-to-make', link='href="https://hacks.mozilla.org/2023/10/down-and-to-the-right-firefox-got-faster-for-real-users-in-2023/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=firefox-features" rel="external noopener"') }}</p>
+
+<h2>{{ ftl('features-fast-towards-a-faster-web') }}</h2>
+<p>{{ ftl('features-fast-theres-been-an-encouraging', link='href="%s#performance"'|safe|format(url('mozorg.about.webvision.full'))) }}</p>
+{% endblock article_content %}

bedrock/firefox/templates/firefox/features/index.html

@@ -42,10 +42,10 @@ <h3 class="c-feature-item-title">{{ title }}</h3>
 <div class="mzp-l-content">
   <div class="mzp-l-card-half">
     {{ card (
-      title=ftl('features-index-is-firefox-a-fast-browser'),
-      ga_title="Is Firefox a fast browser?",
+      title=ftl('features-index-firefox-keeps-getting-faster', fallback='features-index-is-firefox-a-fast-browser'),
+      ga_title="Firefox keeps getting faster",
       aspect_ratio="mzp-has-aspect-16-9",
-      desc=ftl('features-index-firefox-uses-less-memory-than'),
+      desc=ftl('features-index-the-latest-browser-speed-benchmarks', fallback='features-index-firefox-uses-less-memory-than'),
       image=resp_img(
         url="img/firefox/features/fast.png",
         srcset={

bedrock/firefox/urls.py

@@ -60,7 +60,7 @@
     ),
     page("firefox/features/adblocker/", "firefox/features/adblocker.html", ftl_files=["firefox/features/adblocker", "firefox/features/shared"]),
     page("firefox/features/bookmarks/", "firefox/features/bookmarks.html", ftl_files=["firefox/features/bookmarks-2023", "firefox/features/shared"]),
-    page("firefox/features/fast/", "firefox/features/fast.html", ftl_files=["firefox/features/fast-2023", "firefox/features/shared"]),
+    path("firefox/features/fast/", views.firefox_features_fast.as_view(), name="firefox.features.fast"),
     page(
         "firefox/features/block-fingerprinting/",
         "firefox/features/fingerprinting.html",

bedrock/firefox/views.py

@@ -806,6 +806,21 @@ def firefox_features_translate(request):
     return l10n_utils.render(request, template_name, context, ftl_files=["firefox/features/translate", "firefox/features/shared"])
 
 
+class firefox_features_fast(L10nTemplateView):
+    ftl_files_map = {
+        "firefox/features/fast.html": ["firefox/features/fast-2023", "firefox/features/shared"],
+        "firefox/features/fast-2024.html": ["firefox/features/fast-2024", "firefox/features/shared"],
+    }
+
+    def get_template_names(self):
+        if ftl_file_is_active("firefox/features/fast-2024"):
+            template_name = "firefox/features/fast-2024.html"
+        else:
+            template_name = "firefox/features/fast.html"
+
+        return [template_name]
+
+
 class FirefoxContentful(L10nTemplateView):
     def get_context_data(self, **kwargs):
         ctx = super().get_context_data(**kwargs)

l10n/en/brands.ftl

@@ -118,6 +118,7 @@
 -brand-name-mozilla-account = Mozilla account
 -brand-name-mozilla-accounts = Mozilla accounts
 -brand-name-mozilla-social = Mozilla.social
+-brand-name-gecko = Gecko
 
 ## Mozilla projects (short names)
 

l10n/en/firefox/browsers/compare/index.ftl

@@ -51,3 +51,17 @@ compare-index-browsers-have-come-a-long = Browsers have come a long way since {
 compare-index-firefox-is-backed-by-the-not = { -brand-name-firefox } is backed by the not-for-profit { -brand-name-mozilla }.
 compare-index-firefox-puts-your-privacy = { -brand-name-firefox } puts your privacy first — in everything we make and do. We believe you have the right to decide how and with whom you share your personal information. { -brand-name-firefox } collects as little data as possible and never sells it. The little data we do collect is only used to make products and features better. No secrets. But a lot of transparency and real privacy.
 compare-index-based-on-the-criteria-we-outlined = Based on the criteria we outlined — privacy, utility, and portability — there’s really only one browser that meets the mark, and that’s { -brand-name-firefox }. The real area of difference isn’t in functionality, it’s privacy. { -brand-name-firefox } is the most private browser that doesn’t lock you into an ecosystem. Use it on any operating system, on all your devices, and feel secure when you do.
+
+compare-index-how-well-does-firefox-perform = How well does { -brand-name-firefox } perform?
+compare-index-firefox-is-powered-by-the-world = { -brand-name-firefox } is powered by the world-class { -brand-name-gecko } engine, with shockingly fast styling and page layout, modern JavaScript features and a never ending drumbeat of new performance improvements to keep our users happy and push the entire web platform forward.
+
+# "Speedometer 3" is a brand name
+# Variables
+#   $url1 (url) - link to /firefox/features/fast/
+#   $url2 (url) - link to https://github.com/WebKit/Speedometer/
+#   $url3 (url) - link to https://hacks.mozilla.org/2023/10/down-and-to-the-right-firefox-got-faster-for-real-users-in-2023/
+compare-index-firefox-engineers-focus-on-improving = { -brand-name-firefox } engineers focus on improving performance and responsiveness, delivering a <a { $url1 }>fast browsing experience</a> that helps you find what you need quickly and get things done without any friction. We’ve been collaborating with teams from other browser makers on a project called <a { $url2 }>Speedometer 3</a>, an industry-standard performance benchmark that benefits all browsers and the entire open web. This has led to <a { $url3 }>huge improvements for { -brand-name-firefox } users</a> with speed you can really feel, including faster page loads and smoother interactions.
+
+# Variables:
+#   $download (url) - link to /firefox/new/
+compare-index-mozilla-cares-about-the-web-so = { -brand-name-mozilla } cares about the web so we welcome competition. When other browsers have to make investments to compete with { -brand-name-firefox } on performance, that’s great for their users and great for our mission. And { -brand-name-firefox } stands up against all of them: we encourage anyone using another browser to <a { $download }>download { -brand-name-firefox }</a> and see for yourself.

l10n/en/firefox/browsers/compare/shared.ftl

@@ -36,13 +36,13 @@ compare-shared-security-and-privacy = Security and Privacy
 compare-shared-utility = Utility
 compare-shared-portability = Portability
 
-# The strong tag wraps a word that gets highlighted with a colorful underline for emphasis. If the translation include multiple words, please choose a word to emphasize and wrap that word in the strong tag.
+# The strong tag wraps a word that gets highlighted with a colorful underline for emphasis. If the translation includes multiple words, please choose a word to emphasize and wrap that word in the strong tag.
 compare-shared-security-and-privacy-strong = Security and <strong>Privacy</strong>
 
-# The strong tag wraps a word that gets highlighted with a colorful underline for emphasis. If the translation include multiple words, please choose a word to emphasize and wrap that word in the strong tag.
+# The strong tag wraps a word that gets highlighted with a colorful underline for emphasis. If the translation includes multiple words, please choose a word to emphasize and wrap that word in the strong tag.
 compare-shared-utility-strong = <strong>Utility</strong>
 
-# The strong tag wraps a word that gets highlighted with a colorful underline for emphasis. If the translation include multiple words, please choose a word to emphasize and wrap that word in the strong tag.
+# The strong tag wraps a word that gets highlighted with a colorful underline for emphasis. If the translation includes multiple words, please choose a word to emphasize and wrap that word in the strong tag.
 compare-shared-portability-strong = <strong>Portability</strong>
 compare-shared-overall-assessment = Overall Assessment
 
@@ -61,3 +61,6 @@ compare-shared-desktop = Desktop
 compare-shared-brand-name-android = { -brand-name-android }
 compare-shared-brand-name-ios = { -brand-name-ios }
 compare-shared-compare-browsers = Compare Browsers
+
+# The strong tag wraps a word that gets highlighted with a colorful underline for emphasis. If the translation includes multiple words, please choose a word to emphasize and wrap that word in the strong tag.
+compare-shared-performance-strong = <strong>Performance</strong>

l10n/en/firefox/features/fast-2024.ftl

@@ -0,0 +1,24 @@
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at https://mozilla.org/MPL/2.0/.
+
+### URL: https://www-dev.allizom.org/firefox/features/fast/
+
+features-fast-firefox-keeps-getting-faster = { -brand-name-firefox } keeps getting faster
+
+# HTML description
+features-fast-firefox-is-faster-than-ever = { -brand-name-firefox } is faster than ever before, with speed you can really feel, including faster page loads and smoother interactions.
+features-fast-how-is-browser-speed-measured = How is browser speed measured?
+features-fast-speedometer-is-the-most-widely = The most widely used browser performance benchmark to measure web application responsiveness is called Speedometer. While other browser benchmarks exist, Speedometer 3 is the new standard for how we measure the speed of your browsing experience. The latest tests better reflect the web of today — working with visually rich charts, editing text, interacting with complicated and heavy web pages like news sites — and it measures a full picture of the browser’s performance.
+features-fast-the-new-speedomer-3-benchmark = The new Speedometer 3 benchmark is the first major browser benchmark that’s ever been developed through a collaboration supported by every major browser, designed to benefit the entire web.
+features-fast-faster-every-day = Faster every day
+features-fast-firefox-is-powered-by-the-world = { -brand-name-firefox } is powered by the world-class { -brand-name-gecko } engine, with shockingly fast styling and page layout, modern JavaScript features and a never ending drumbeat of new performance improvements to keep our users happy and push the web platform forward.
+
+# Variables
+#   $link (url) - link to https://hacks.mozilla.org/2023/10/down-and-to-the-right-firefox-got-faster-for-real-users-in-2023/
+features-fast-all-browsers-had-to-make = All browsers had to make improvements in order to perform well on the new Speedometer 3 tests. { -brand-name-firefox } in particular made huge strides, <a { $link }>getting noticeably faster</a> for our users as a direct result of this work. { -brand-name-firefox } is faster than ever before, with speed you can really feel, including faster page loads and smoother interactions.
+features-fast-towards-a-faster-web = Towards a faster web
+
+# Variables
+#   $link (url) - link to /about/webvision/full/#performance
+features-fast-theres-been-an-encouraging = { -brand-name-mozilla } is <a { $link }>committed</a> to continuously improving our own browser as well as the entire web. That’s why we invested in the collaboration to develop Speedometer 3 which, in turn, has improved the performance of all browsers. So whatever browser you choose, { -brand-name-mozilla } wants it to be fast.

l10n/en/firefox/features/index-2023.ftl

@@ -10,7 +10,13 @@ features-index-firefox-browser-features = { -brand-name-firefox } browser featur
 # HTML page description
 features-index-firefox-is-the-fast-lightweight = { -brand-name-firefox } is the fast, lightweight, privacy-focused browser that works across all your devices.
 
+features-index-firefox-keeps-getting-faster = { -brand-name-firefox } keeps getting faster
+features-index-the-latest-browser-speed-benchmarks = The latest browser speed benchmarks prove { -brand-name-firefox } is faster than ever.
+
+# Obsolete string
 features-index-is-firefox-a-fast-browser = Is { -brand-name-firefox } a fast browser?
+
+# Obsolete string
 features-index-firefox-uses-less-memory-than = { -brand-name-firefox } uses less memory than Chrome, so your other programs can keep running at top speed.
 features-index-is-firefox-a-private-browser = Is { -brand-name-firefox } a private browser?
 features-index-were-focused-on-your-right-to = We’re focused on your right to privacy. Your data, your web activity, your life online is protected with { -brand-name-firefox }.

media/css/firefox/compare/compare.scss

@@ -226,6 +226,14 @@
     }
 }
 
+.compare-section-performance .compare-section-header h2 strong {
+    @include zap('/media/protocol/img/zaps/zap-09.svg');
+
+    &::after {
+        top: 100%;
+    }
+}
+
 // * -------------------------------------------------------------------------- */
 // Comparison tables