Discover Centmin Mod today
Register Now

WebPerf Cloudflare PageSpeed Cloudflare Argo Smart Routing In Action

Discussion in 'Web Development & Web Performance' started by eva2000, May 18, 2019.

  1. eva2000

    eva2000 Administrator Staff Member

    55,156
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    9:15 AM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    As part of Cloudflare Speed Week announcements, I decided to enable Cloudflare Argo Smart Routing feature to further speed up my page speed. Cloudflare web acceleration has already shown to benefit a lot of Centmin Mod Nginx users, so lets see what Cloudflare Argo brings to the table :) Yes there's a cost at US$5/month per domain and US$0.10/GB bandwidth for both in + on not just out.

    Cloudflare Argo has improved my server response time by 61.94% and it shows in my Google Analytics/Datastudio page speed stats in 2nd screenshot. This is current Cloudflare Argo statistics via dashboard and my own custom Argo Analytics API query script for per Cloudflare datacenter metrics. This can improve general Time To First Byte (TTFB), which will help with Google Core Web Vital metrics like Largest Contentful Paint (LCP) indirectly.

    Left side Cloudflare Argo stats from dashboard console vs right side my own Argo Analytics API query script to get Argo metrics on a per datacenter basis. As expected, the biggest benefit for Argo will be for visitors further away from your origin server's geographic location. For me my origin is in US West Coast, so datacenters like SEA (Seattle) and LAX (Los Angles) will have lower % percentage improvement for server response time ~ 41.27% and 41.11% respectively. While datacenters further away like DME (Moscow) and DUB (Dubia) have much higher % percentage improvements for server response time ~ 67.07% and 75.75% respectively.

    cf-analytics-argo-datacenters-04b.png

    Google Analytics numbers for May 18th versus previous 7th day May 11th for mobile page speed segment

    cf-argo-datastudio-ga-may4-may18-2019-mobile-01.png

    For desktop page speed segement

    cf-argo-datastudio-ga-may4-may18-2019-desktop-01.png

    Focus on Average Server Response Time and Doc Interactive Times as that is for assets on your page/site while Average Page Load Time also factors in 3rd party assets ie advertising and analytic and social media related javascript etc.

    FYI, I show less Adsense ads on my mobile version of my forums than I do on desktop hence Average Page Load Time on mobile segment is faster than desktop segment. But 90-95% of all visitors are desktop based for my traffic and only 5-10% are mobile based.

    More steps for May 12th to 18th, 2019 where I enabled Cloudflare Argo on May 14th.


    Desktop

    cf-argo-datastudio-ga-may4-may18-2019-desktop-02.png

    Mobile

    cf-argo-datastudio-ga-may4-may18-2019-mobile-02.png

    Narrow down to Germany Desktop page speeds over same May 12-18th period.

    cf-argo-datastudio-ga-may4-may18-2019-desktop-03-germany.png

    Cloudflare Argo is costly if you're not a for-profit site earning revenues to cover the cost but it is showing good benefits since I enabled it.

    Google Webmaster Tools's reported Crawl Statistics show Google bot's download time has improved noticeably from May 14th onwards - when I enabled Cloudflare Argo from ~304ms to 178-180ms ! Which potentially means you have increased your Google crawl rate and Google crawl budget by >41% !

    cf-argo-webmaster-tools-crawl-stats-02.png

    Update: Jan 7, 2022

    Wow, I've been using Cloudflare Argo Smart Routing for almost 3yrs (coming this May 2022)!

    Looking at latest stats my 2 day Argo metrics look to fluctuate between 55-70% Argo improvements for average server response time or Time To First Byte (TTFB) :cool:

    From Cloudflare Analytics Argo dashboard - average improvement from 349ms to 140ms for 64.5% of my requests for ~59.89% average server response time (TTFB) improvement :D

    cf-argo-analytics-jan7-2022-01.png

    From Cloudflare Argo Analytics via Cloudflare GraphQL API and my custom API query script :) Allows me to break down Argo smart routing metrics per Cloudflare datacenter - greatest improvements for datacenters farther away from my server origin location with least improvements for datacenters closest to my server origin location as expected.

    cf-argo-analytics-graphql-api-jan7-2022-01.png

    To accompany my Cloudflare Argo server response time (TTFB) metrics at https://community.centminmod.com/th...art-routing-in-action.17517/page-2#post-91555 here's the corresponding Google Analytics recorded average server response time metrics using Google Datastudio custom dashboard to show also the 90%, 99% percentile server and max server response time trend lines in orange, red and black respectively. The read marker line denotes May 2019 when I enabled Cloudflare Argo smart routing and as you can see the noticeable dip in server response times after May 2019 :D

    This is just for the forum community part of my site though broken down by desktop and mobile traffic with control filters for page URL, country location and traffic source.

    google-datastudio-cf-argo-server-response-time-jan-8-2022-01.png cf-argo-datastudio-ga-may4-may18-2019-mobile-01.png cf-analytics-argo-datacenters-04b.png cf-argo-datastudio-ga-may4-may18-2019-desktop-01.png cf-argo-datastudio-ga-may4-may18-2019-mobile-02.png cf-argo-datastudio-ga-may4-may18-2019-desktop-02.png cf-argo-datastudio-ga-may4-may18-2019-desktop-03-germany.png cf-argo-webmaster-tools-crawl-stats-02.png cf-argo-analytics-graphql-api-jan7-2022-01.png cf-argo-analytics-jan7-2022-01.png
     
    Last edited: Jan 8, 2022
  2. eva2000

    eva2000 Administrator Staff Member

    55,156
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    9:15 AM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    Digging deeper into my forums Google Analytics via Google Data Studio and filtering pagespeed metrics by sub-continents. This is the pagespeed stats just for European visitors making up Northern, Southern, Eastern and Western Europe for May 5th to May 19th where Cloudflare Argo was enabled on May 14th.

    Note up 90-95% of visitors are desktop so the mobile stats some days may have 0 mobile visitors or mobile visitors who use web browsers without reportable metrics.

    Again Cloudflare Argo effects your server response times so average server response times are the focus here. As you can see from May 14th onwards, average server response times have fallen for Cloudflare Argo smart routed traffic which from above Argo metrics is around 87% of the requests so still 13% of requests didn't go through Cloudflare Argo.

    Filter control on sub-continent basis

    cf-argo-datastudio-ga-may5-may19-2019-desktop-europe-01.png

    Desktop visitors for Europe page speed

    cf-argo-datastudio-ga-may5-may19-2019-desktop-europe-02.png

    Mobile visitors for Europe page speed

    cf-argo-datastudio-ga-may5-may19-2019-desktop-europe-03.png
     
  3. deltahf

    deltahf Premium Member Premium Member

    587
    265
    63
    Jun 8, 2014
    Ratings:
    +489
    Local Time:
    7:15 PM
    I was just about to post asking if you've made any other changes, eva?

    The forums are absolutely flying for me right now. They have always been fast, of course, but these pages are just loading unbelievably fast. :eek:

    It's making me want Argo even more!
     
  4. eva2000

    eva2000 Administrator Staff Member

    55,156
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    9:15 AM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    I'm 24/7 always tinkering with forum's page speed on both frontend and backend :) Yesterday I did re-tune my MariaDB MySQL server settings based on my monitored metrics but yes Cloudflare Argo has had a noticeable improvement for me.

    Waiting in queue for Cloudflare Speed Page metrics so can see without vs with Cloudflare optimisation pagespeed numbers now :)
     
  5. eva2000

    eva2000 Administrator Staff Member

    55,156
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    9:15 AM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    @deltahf FYI, though my forums isn't just optimised via Cloudflare, I have backend optimisations (my own secret sauce) + the forums have PWA (Progressive Web App) service worker caching too so visitor's web browsers are sharing the work load too since I deployed it July 2018 last year :D
     
  6. deltahf

    deltahf Premium Member Premium Member

    587
    265
    63
    Jun 8, 2014
    Ratings:
    +489
    Local Time:
    7:15 PM
    Wow, that must have been it. I've been using the site since you enabled Argo and I thought it was fast, but logging on today it's like an entirely new experience. :eek::eek::eek:

    Maybe I need to pay you for a tune-up consultation instead of Argo! :D
     
  7. eva2000

    eva2000 Administrator Staff Member

    55,156
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    9:15 AM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    It's what I do for a living since 2001 with some of the largest forums (vbulletin on the internet at the time). If I am not working on Centmin Mod in my spare time, I'm working with paying clients optimising their servers for scalability and performance and tuning their page load speed :D Some clients are even Alexa Top 10,000 ranked :cool:

    Yeah I've noticed the same today specifically, it does seem faster than yesterday though too. I wish Argo analytics could be more flexible beyond the 48hr interval period they report for. I've made a suggestion to Cloudflare regarding this along with other feedback suggestions.

    But disclaimer, I have been an official Cloudflare MVP since October 2018 last year, so I get to work much closer with Cloudflare Products/Teams with beta/product testing and feedback etc - as close as you can without being a paid employee at least. However, I've used Cloudflare for years prior to becoming Cloudflare MVP though for the performance acceleration benefits anyway :D
     
  8. eva2000

    eva2000 Administrator Staff Member

    55,156
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    9:15 AM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    @deltahf i think it's actually this new Cloudflare TCP Turbo setting that sped up page loads here for Cloudflare Speed Week's announced new Speed Page feature

    cf-speed-tcp-turbo.png
     
  9. deltahf

    deltahf Premium Member Premium Member

    587
    265
    63
    Jun 8, 2014
    Ratings:
    +489
    Local Time:
    7:15 PM
    I just got beta access to the Speed Page in my account.

    TCP Turbo was already enabled, but I did just turn on Enhanced HTTP/2 Prioritization...

    I'm not sure if it's a placebo effect or what, but my site now is also FLYING! Let's hope it stays like this! :eek:
     
  10. eva2000

    eva2000 Administrator Staff Member

    55,156
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    9:15 AM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    Nice ain't it :D
     
  11. deltahf

    deltahf Premium Member Premium Member

    587
    265
    63
    Jun 8, 2014
    Ratings:
    +489
    Local Time:
    7:15 PM
    Sure is. :D

    CMM forums are still a smidge faster, though... :p Probably the effects of PWA.
     
  12. eva2000

    eva2000 Administrator Staff Member

    55,156
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    9:15 AM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    Well the law of physics would dictate no matter what, you'd probably experience this forum as always faster what I can experience (being geographically further away in Australia). Cloudflare helps narrow that distance via Anycast CDN (and Argo smart routing) but still doesn't beat you being in USA accessing my forums hosted in US West Coast :) But yes PWA caching does help :D
     
  13. eva2000

    eva2000 Administrator Staff Member

    55,156
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    9:15 AM
    Nginx 1.27.x
    MariaDB 10.x/11.4+

    Cloudflare Argo Progress Update For May 1-31, 2019



    Update progress report for when I enabled Cloudflare Argo smart routing on May 14, 2019. So I have had Argo enabled for ~17 days. Below is progress report from May 1-31, 2019 so to show the before and after Argo benefits.

    Note the Google Analytics/data studio numbers are real world visitor based so dependent on the speed of the visitor's internet connection so if a visitor on very slow connection hits my site it can skew the average pagespeed related metrics. Though for Cloudflare Argo it's affects are specifically related to average server response time metrics so you can get an idea.

    First up Cloudflare dashboard Argo metrics and my accompanying custom Argo API analytics metrics reporting per Cloudflare datacenter Argo improvements - you can see in one datacenter (MCI IATA code for Kansas City International Airport based) an almost 0% improvement surprisingly.
    • Cloudflare Argo overall improvement for 48hrs = 57.39%
    • On per Cloudflare datacenter basis, average improvment was minimum = 0.02% (MCI), average = 50.21% and max = 71.47% (DUB = Dubia).
    • Alot of my origin servers are in US West Coast, so not surprised the least Argo improvments in LAX (Los Angeles) at 15.18% and in PDX (Portland) at 12.68%
    cf-argo-api-analytics-02.png

    Google Webmaster Tools reported crawl stats show continued improvement since May 14th, 2019 when Argo was enabled

    google-webmaster-crawl-stats-01.png

    Google Analytics/Datastudio averages with focus on average server response times and average doc interactive times which Argo improve since May 14th, 2019. Average page load times factor in 3rd party resources like advertising and analytic/social media scripts which Cloudflare Argo has no affect on. Note site has 90-95% desktop traffic and 5-10% mobile traffic.

    Desktop

    ga-datastudio-all-desktop-01.png
    Mobile

    ga-datastudio-all-mobile-01.png

    Now break it down for further away from my US West Coast origin servers to drill down and filter on European only sub-continent stats

    ga-datastudio-europe-only-00.png

    Europe Desktop

    ga-datastudio-europe-only-desktop-01.png

    Europe Mobile

    ga-datastudio-europe-only-mobile-01.png

    And Cloudflare Argo bandwidth/billing costs so far

    cf-argo-billing-01.png

    my Cloudflare Zone Analytics API scripts bandwidth numbers for the month broken down by ssl protocols, content mime types and top 20 countries

    cf-analytics-bandwidth.png

    FYI, my page sizes range from 150-450KB for local served content and around 2-3x that once you add 3rd party adsense/analytics scripts (which don't count towards Argo bandwidth).

    Index page = 242KB in size :)

    Using Webpagetest.org

    California Cable test

    wpt-california-cable-01.png

    Dulles Cable test

    wpt-dulles-cable-01.png

    Sydney Cable test

    wpt-sydney-cable-01.png

    London Cable test

    wpt-london-cable-01.png

    Jakarta Cable test

    wpt-jakarta-cable-01.png
     
    Last edited: May 31, 2019
  14. eva2000

    eva2000 Administrator Staff Member

    55,156
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    9:15 AM
    Nginx 1.27.x
    MariaDB 10.x/11.4+

    Hetrixtools Monitoring



    Almost forgot about my Hetrixtools monitoring statistics for May 2019. Not as dramatic a change after May 14, 2019 but still an improvement from peak of 290ms to now ~208ms so ~28% better.

    monitored from following regions

    hetrixtools-may-2019-00.png hetrixtools-may-2019-01.png hetrixtools-may-2019-02.png hetrixtools-may-2019-03.png
     
  15. deltahf

    deltahf Premium Member Premium Member

    587
    265
    63
    Jun 8, 2014
    Ratings:
    +489
    Local Time:
    7:15 PM
    Really interested in these stats... are they only available if Argo is enabled?
     
  16. eva2000

    eva2000 Administrator Staff Member

    55,156
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    9:15 AM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    Those are general zone analytics Cloudflare API metrics so no need for Argo to be enabled :)
     
  17. BamaStangGuy

    BamaStangGuy Active Member

    668
    192
    43
    May 25, 2014
    Ratings:
    +272
    Local Time:
    6:15 PM
    I wish it wasn't so expensive.
     
  18. eva2000

    eva2000 Administrator Staff Member

    55,156
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    9:15 AM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    Indeed for high bandwidth sites Argo isn't financially viable unless you're a for profit making site which can cover the extra Argo related bandwidth costs. I have provided Cloudflare's Argo product team with suggestions for Argo features to lessen the costs - so hoping that has some traction eventually :D
     
  19. EckyBrazzz

    EckyBrazzz Active Member

    916
    189
    43
    Mar 28, 2018
    >>>>Click here<<<< i'm nearby......
    Ratings:
    +362
    Local Time:
    8:15 PM
    Latest
    Latest
    I tried to set it up, installed the cloudflared and created some tunnels (nice for the cloudflare billing department) but after having a ticket open with support for more than 3 weeks put all things in a note and give it up.

    Will give it a new try when time allows it.
     
  20. eva2000

    eva2000 Administrator Staff Member

    55,156
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    9:15 AM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    I only tried Argo, not Argo tunnels yet so no comment as yet on that :)