Flarum speed load.

7h3ev1l

Hi all.

I just created some speed tests to discuss.flarum.org and my forum.

https://gtmetrix.com/compare/l39x5hRw/iBxRM1ar

Check this..

Why in home page is loading all posts text and images, when i see in list only the title? Hmm strange.. My posts have so many images and this slow my flarum a bit..

Actually for me my site and this site are not slow but in speed test are slow hmmmh?

JoshyPHP

Interesting. There's a method called domManip() that causes posts' content to be loaded in a document fragment via jQuery.buildFragment() which in turns causes images to be loaded ahead of time. @Toby can probably explain how it's called on the index page.

I don't know if it's possible to prevent loading images when creating a document fragment. Maybe something could be done using Content Security Policy, but that's very hackish and it will litter the browser's console with error messages.

7h3ev1l I don't see the same behaviour here, could it be related to an extension?

7h3ev1l

Bek Oh yes you asked me before for cpu info i think..

I use cloudflare+free cloudflare ssl+railgun and ovh vps ssd 2016, nothing special
(php 7, nginx+apache managed by serverpilot.io for free) and ubuntu 14.04 lts.

ssd drive
Ram is 2gb
This is what i get from /proc/cpuinfo its the same for all cores:

processor       : 0
vendor_id       : GenuineIntel
cpu family      : 6
model           : 42
model name      : Intel Xeon E312xx (Sandy Bridge)
stepping        : 1
microcode       : 0x1
cpu MHz         : 2394.442
cache size      : 4096 KB
physical id     : 0
siblings        : 1
core id         : 0
cpu cores       : 1
apicid          : 0
initial apicid  : 0
fpu             : yes
fpu_exception   : yes
cpuid level     : 13
wp              : yes
flags           : fpu vme de pse tsc msr pae mce cx8 apic sep mtrr pge mca cmov pat pse36 clflush mmx fxsr sse sse2 ss syscall nx pdpe1gb rdtscp lm constant_tsc rep_good nopl eagerfpu pni pclmulqdq vmx ssse3 fma cx16 pcid sse4_1 sse4_2 x2apic movbe popcnt tsc_deadline_timer aes xsave avx f16c rdrand hypervisor lahf_lm abm xsaveopt vnmi ept fsgsbase bmi1 avx2 smep bmi2 erms invpcid
bogomips        : 4788.88
clflush size    : 64
cache_alignment : 64
address sizes   : 40 bits physical, 48 bits virtual
power management:

7h3ev1l

JoshyPHP I have installed Summaries extension but was disabled, now i removed it and i think its still loading all post content, huh maybe not now probably is fine ? im not sure...

After i remove Summaries extension i have improvements!

There is some bad things from emojis cdn:
https://cdn.jsdelivr.net/emojione/assets/png/26A1.png - expiration not specified, all emoji images dont have expiration time set hmm. They probably need to fix this?

Looks good -
http://www.webpagetest.org/result/160606_KQ_YVY/
https://gtmetrix.com/reports/silencebgsoftware.com/rnRxCXhu

There is still some post loading images post content but is from sticky topics. Because sticky topics displaying some of the content in list. Is possible to remove this displaying?

System.register('flarum/sticky/addStickyExcerpt', ['flarum/extend', 'flarum/components/DiscussionList', 'flarum/components/DiscussionListItem', 'flarum/utils/string'], function (_export, _context) {
  var extend, DiscussionList, DiscussionListItem, truncate;
  function addStickyControl() {
    extend(DiscussionList.prototype, 'requestParams', function (params) {
      params.include.push('startPost');
    });

    extend(DiscussionListItem.prototype, 'infoItems', function (items) {
      var discussion = this.props.discussion;

      if (discussion.isSticky()) {
        var startPost = discussion.startPost();

        if (startPost) {
          var excerpt = m(
            'span',
            null,
            truncate(startPost.contentPlain(), 200)
          );

          items.add('excerpt', excerpt, -100);
        }
      }
    });
  }

import { extend } from 'flarum/extend';
import DiscussionList from 'flarum/components/DiscussionList';
import DiscussionListItem from 'flarum/components/DiscussionListItem';
import { truncate } from 'flarum/utils/string';

export default function addStickyControl() {
  extend(DiscussionList.prototype, 'requestParams', function(params) {
    params.include.push('startPost');
  });

  extend(DiscussionListItem.prototype, 'infoItems', function(items) {
    const discussion = this.props.discussion;

    if (discussion.isSticky()) {
      const startPost = discussion.startPost();

      if (startPost) {
        const excerpt = <span>{truncate(startPost.contentPlain(), 200)}</span>;

        items.add('excerpt', excerpt, -100);
      }
    }
  });
}

I think this is for sticky displaying in home page? Any suggestions how to modify it?

jordanjay29

JoshyPHP 7h3ev1l The image pre-loading has been reported before. It's a Flarum thing, unless I make Summaries do more heavy-duty parsing of the excerpt Flarum provides, which I don't want to do. Since Stickies uses the same excerpt, I imagine there's an incentive to fix it at some point.

jordanjay29

7h3ev1l Sorry, I missed your question in there.

You could fork Stickies and remove this line:

      if (startPost) {
        const excerpt = <span>{truncate(startPost.contentPlain(), 200)}</span>;

    items.add('excerpt', excerpt, -100);
  }

7h3ev1l

jordanjay29 Yes thanks!

Much better:
https://gtmetrix.com/reports/silencebgsoftware.com/3rpbCZW1
http://www.webpagetest.org/result/160606_WQ_18Z8/

Now: Total Page Size is 701KB, before 2-3mb ?

tenten8401

7h3ev1l What was the final solution to fixing the page size? I have my flarum install on an i7 4790k dedicated server (way overkill), and I was wondering how I could possibly make it load faster.
My Site: https://industrialbox.net
https://gtmetrix.com/compare/3rpbCZW1/KAn8r6O5

7h3ev1l

tenten8401 You have Summaries exension you need to remove it and you can apply changes from above. If you can try Cloudflare warn: disable rocket-loader and minifying!

At all everything looks good! You dont need to make any changes, for me your site is "blazing" fast. Its "slow" for this speed test tools, because its continue loading in back things like posts after the page is loaded.

I want everything to be fast and clear everywhere for my install and thats why i asking here ? ?

tenten8401

7h3ev1l Well in that case, I may as well just leave it if its blazing fast. It's the same here. Now that I think about it, It's probably the image header and whatnot causing the speedtest issues.

7h3ev1l

tenten8401 Your header is only 60kb its not from them.
It looks like flarum js file is 1mb+

7h3ev1l

Yes your js file is not minifyed for some reason hmm. Its 1.33mb
https://industrialbox.net/assets/forum-f916bd6c.js

tenten8401

7h3ev1l Maybe @Toby could help with this. ?

7h3ev1l

tenten8401 You have debug mode enabled, try to disable it from config it can help im not sure.

tenten8401

7h3ev1l Don't have access to my web server atm, Will do this when I get home.

tenten8401

7h3ev1l Disabled debug mode and it doesn't appear to help.

tenten8401

tenten8401 Scratch that, Dug through my email and found the root PW.

7h3ev1l

tenten8401 Strange. Wait @Toby to help then ?

JoshyPHP

tenten8401 You need to delete your assets/*.js files.

tenten8401

JoshyPHP Works, Thanks.