HTTP/2 Server Push – File Selection & Web Settings

  • Resolved prodport

    (@prodport)


    7 years, 10 months ago

    Hi,

    I’ve been a CloudFlare user for a long time so I guess you know I like it. I’ve always managed the account from the web interface. I decided to get the plugin as it has a feature for HTTP2 Server Push. I don’t see any other way to enable this feature via the CloudFlare website.

    I thought there would be some panel where I could decide which files to push. Instead, it looks like the same 5 files. How are these selected? I was thinking maybe you had some magic for determining what assets were needed “above the fold”.

    The reason I ask is it doesn’t make sense to me to push print.css.

    I think I may have seen something in a previous post about a 4k limit. And I’m guessing that would include all my security headers and content security stuff which is lengthy.

    The other thing I noticed is the plugin seemed to have disabled RocketLoader. I’ve turned it back on from the web. Is there any incompatibility?

    Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    A web page is loaded over HTTP2 if it contains the <link/> tags necessary for HTTP2, for example:

    <link rel="preload" href="/styles/other.css" as="style">

    The setting in the WordPress plugin automatically generates these <link/> tags for you. If you don’t want print.css included you can manually generate your own <link/> tags.

    The 4kb limit is due to some fast-cgi implementations, Cloudflare has an 8kb limit. If you aren’t running fast-cgi then your limit is 8kb.

    Rocket Loader is disabled if you enable “Apply Default Settings”. This is because certain cache configurations on WordPress can break with Rocket Loader enabled.

    Thanks,
    John

    • This reply was modified 7 years, 10 months ago by jwineman.

    Also interested by a follow up on this. Thank you.

    Thread Starter prodport

    (@prodport)

    Thanks John.

    I appreciate the fast reply.

    Glad to know Rocket Loader can work with the plugin in my case. I don’t recall having an issue before. I just have to remember to use “Disable cache” on Chrome Dev tools so I can see the “push”

    This whole performance area can get so crazy when you have multiple plugins that may overlap etc (SiteGround’s caching plugin, WP Rocket, CloudFlare). And I also have to recognize that you need to design for us “masses”.

    It sounds like…I’ll have to manually create my <links> then. I’m not sure I would get enough gain.

    If you need feature requests, it would be great if you allowed end-users to submit files via some interface. Maybe like the way WP Rocket allows me to put in entries for DNS pre-fetch.

    In the meantime, I need to see if my host uses fast-cgi. My header is around 3.3k so maybe there’s a way to get another file or two.

    Thanks for the clarification

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘HTTP/2 Server Push – File Selection & Web Settings’ is closed to new replies.