Blog

Pagespeed Framework: Final Beta and Pre-release Announcement

Pagespeed Framework: Final Beta and Pre-release Announcement

We are excited to announce that the long anticipating Pagespeed framework is close to final. We are going through the final round of testing and ironing the fine details. The project has been taking a long time as we have to re-code some components due to Google Pagespeed Insight algorithm changes. After the previous beta release, we were not satisfied with the pagespeed score, so we further enhanced the lazy load feature to get a better score. Now most Ultra and Shoppe demos score over 90 on Google Pagespeed Insights. The time invested was well worth it. We have the final beta version available if you are interested to give it a try. You can see the new versions being used across all live demos. If you spot any errors, please report them to us. If everything goes well, we will release the official version in a week or two. Another newsletter will be sent on the final release. For now, please enjoy our lightning fast demos below.

Demos:

Important Notes & Changes:

  • Themify Shortcodes: All old shortcodes included in the framework have been discontinued. If you still want to use them, you would need to install the Themify Shortcodes plugin.
  • Child theme: if you have modified PHP templates in a child theme (eg. header.php, footer.php, etc.), you might need to redo the child theme templates again because there have been a lot of changes in most templates.
  • Icons: In the old version, the entire icon font file is loaded for all icons (eg. the icons that you insert in Icon, Accordion, Menu, Tab module, etc.). Now the icons are inserted as individual SVG icon (ie. it only loads the inserted SVG icon rather than the whole icon font file).
  • Sticky Header: We replaced the Javascript sticky header with CSS position:sticky.
  • Device Body Class: All those old device specific body CSS classes (eg. is_touch, is_iphone, webkit, etc.) have been removed. The device body classes were causing inaccurate result in the cached files. For example: when someone views the site with an iPhone, the is_iphone class is added in the cached files. Then another person views the site with a desktop browser, the is_iphone body class remains in the cached files.
  • Addons: The new framework does not work with the old Builder addons. If you are using the beta version, please do not activate any addons. On the final release, you need to update all addons together.

Final Beta Available

We have the final beta versions available. Please download them, give them a try and help us by reporting any bugs you may encounter. Note that the beta versions do not work with the old Builder addons. Do not activate any Builder addons while testing the beta. Also, do not use the beta theme on your live site.

Download:

To test the beta version:

  • Download either Ultra Beta or Shoppe Beta zip and install. Warning: do not install the beta version on your live site (try it on your staging or test site).
  • Go to Themify > Settings > Themify Settings > Performance and enable the following options to get the optimum result:
    • Enable Themify Cache - This will minify the HTML output on the frontend and create a static HTML file on the server. The cached files will be served next time the visitors view the same page. Enabling Themify Cache can speed up page load on the whole site and reduce your overall server processing resources.
    • Enable Gzip Scripts - It will use the compressed scripts packed in the theme and framework. This can reduce the script file size transfer.
    • Enable Webp Image - Webp is a new image format invented by Google that can further reduce image file size and speed up the page load.
    • Defer jQuery - Many themes and plugins use jQuery Javascript library including Themify. Deferring jQuery load can prevent render blocking. Some plugins might require jQuery in the <head>. If you find plugin conflicts related to Javascript errors, try to uncheck the defer jQuery option.

Themify performance settings

To check your site pagespeed:

  • Once you have the test site with the beta theme installed, go to Google's PageSpeed Insights
  • Enter your site URL and click "Analyze". Note: you should analyze a few times to get the average score because server or connection issues may affect the report.
  • It will show you the score report on desktop and mobile (the higher the score the better).
  • If your site doesn't score 90 or higher, please report it to us and we will assess it.

18 Comments

  1. Tyler
    Sep 15, 2020 @ 14:48

    I am super pumped for this. My biggest (and pretty much only!) complaint with Themify has been speed. Glad to get it resolved. :)

    Reply

  2. ABGRAF Studio Grafiki Adam Białkowski
    Sep 15, 2020 @ 15:11

    In my opinion, the difference is average.
    ULTRA: mobil- 71, desktop – 91 https://abgrafstudio.pl/
    ULTRA BETA: mobil- 86, desktop – 96 https://introligator.abgraf.pl/

    Reply

    • ABGRAF Studio Grafiki Adam Białkowski
      Sep 15, 2020 @ 15:22

      after using the autoptimize plugin
      ULTRA: mobil- 80, desktop – 94 https://abgrafstudio.pl/

      Reply

      • ABGRAF Studio Grafiki Adam Białkowski
        Sep 15, 2020 @ 15:39

        Tests in browsers (firefox, edge) on which these pages have never been run, ULTRA with the addition of autoptimize is better than ULTRA BETA

        Reply

        • Nick @ Themify
          Sep 16, 2020 @ 18:16

          Thanks for testing the beta version. According to Google Pagespeed Insights, the beta version does score higher than the old Ultra version with Autoptimize. And you are comparing with just one page. If you add more media (images, videos, slider, etc.), you will see the beta version will have significant differences.

          Beside the Pagespeed report, you should consider the actual page size and load time on user end:
          – New beta: https://share.getcloudapp.com/kpubjkPW (new version page size is 60% to 70% less, so it loads faster)
          – Old Ultra with Autoptimize: https://share.getcloudapp.com/6queq96G

          Reply

          • ABGRAF Studio Grafiki Adam Białkowski
            Sep 16, 2020 @ 18:36

            Thanks. I paid attention to it, but the Google Pagespeed test itself came out as I wrote, I do not fully understand what it depends on. Interestingly, today the tests turned out to be in favor of BETA.

  3. Sahm
    Sep 16, 2020 @ 03:57

    Wow, This seems to be great! let’s boost our pages :)

    Reply

  4. Puspal
    Sep 17, 2020 @ 11:00

    Great Job. Thank you Themify. This is very heartening.

    A slow site can not only spoil your google rank but your business.

    Reply

  5. Leneghan
    Sep 17, 2020 @ 15:46

    I am so happy for this development, it already shows inspiring results. You guys are doing a wonderful job.

    Reply

  6. Michela
    Sep 21, 2020 @ 14:36

    We have tried the Beta Version on a staging site and we got 53 for Mobile and 85 for Desktop, whereas we get 30 for Mobile and 80 for Desktop with the current Themify Ultra Version. We have the Autoptimize plugin on the site, we can see an improvement for mobile with the Beta, but not really near the green area.

    Reply

  7. Ankit Kumar
    Sep 23, 2020 @ 09:29

    Really great creation.

    Getting the desired result in Google Pagespeed Insights is indeed a satisfactory.

    Reply

  8. Kay Raumer
    Sep 25, 2020 @ 11:35

    When is the final version coming?

    Reply

  9. Les Addison
    Oct 02, 2020 @ 19:56

    Any news on the release

    Reply

    • Nick @ Themify
      Oct 02, 2020 @ 21:49

      Very soon. Should be on Monday if everything goes well.

      Reply

      • Coen
        Oct 05, 2020 @ 15:57

        So how is it going?
        Another 2 more weeks?

        Reply

Reply