Transcript

00:00 hey everyone Jordan here and I just want to apologize you'll notice that this episode we talk about holidays and
00:06 eggnog and it's March right now well we recorded this episode back in
00:11 December and I unfortunately over the holidays had a hard drive crash and we thought we
00:18 lost these episodes forever but luckily I was able to finally dig up a copy in
00:23 some old Time Machine archives and I'm glad that I was able to find them
00:28 because they're really valuable and I hope you enjoy them so without further ado let's jump on in
00:45 boom Gregg we are back for part two we're gonna jump right back into things
00:50 um heck with the chitchat Greg what's next up in your and your page insights
00:59 hold on just just a real quick recap or
01:06 we're examining each other sites in page B and going through the content and giving our personal and impressions of
01:13 the results and how much we care about them and personal we take it fair enough
01:19 yes so far listen to part one go check out part one we already talked about some of the you know common PageSpeed
01:25 insights you know errors that people tend to get so head head over and listen
01:31 to part one yes in so far seems like mean they're aggressive Austin you sleep
01:36 over no over anything none alright so
01:41 what's next my turn your turn your turn go for it alright my site we got Shh for our new
01:53 CSS you discussed that one I have the same kind of same kind of warning on
01:58 mine I have an interesting one minimize main thread work this is interesting
02:03 this one's gonna be a lot of what what does that mean they don't they break it
02:11 down into categories my minimize thread work of script evaluation all right so those of the those are the JavaScript
02:19 libraries that I'm using that are generating the animations on my home on my chili dog software site that's just
02:29 what I need the tools I need to render that page I'm not gonna really change that style
02:35 and layout takes 400 milliseconds okay that's good other that's not very
02:42 helpful take 750 milliseconds you could help me out a little there you know I can't really do anything when you say
02:48 other script parsing is good parsing HTML good yeah
02:56 so if if one second of the time half of
03:01 the time that they're complaining about is the JavaScript animation on the top of my page if you don't like the
03:08 JavaScript animation they're talking my page let me know I do and style and
03:15 that's you know lets people know about the content on my page you think there's
03:20 really kind of pushing pushing people to just want a plain non JavaScript website ya know I don't understand what that I
03:30 mean I like the slider I need some animation add some uniqueness to my to
03:35 my site you know funny enough when I ran your site through the page speed it
03:41 didn't even come up that wasn't even one of the things that came up really yeah
03:47 okay so it did come up a mine although it says my I got a green checkmark on
03:53 mine saying that I'm all good so if a user if you are seeing this they
03:58 there's nothing you can do about this unless you want to try to potentially find this stack and it's just gonna be
04:04 trial and error in terms of probably um you know removing that unless you know how to use the dev tools which probably
04:10 most people don't write to try to zero in what it is but when joining our site
04:16 says in my browser for minimize main thread work and gave you eight point seven seconds funny because on mine it
04:22 says two point five seconds so yeah it's a serve static assets within a cache
04:28 policy reduced job reduced JavaScript execution time avoid excess Dom sighs oh
04:37 yeah excess Dom sighs as a warning and as a different one though not none minimize hazard work if it's oh
04:45 me oh yeah it B's oh you know what it's
04:51 doing oh never mind just reading it yeah right okay that's
04:57 mistreating it cuz their collapse is a little strange you know it gave me a point seconds for you for minimized
05:02 thread main thread work the highest-ranking one with script evaluation followed by style and layout
05:09 followed by at this category called other which we still haven't determine what that actually means
05:15 yeah so yeah this actually because the
05:21 error I was gonna talk about was using excessive Dom sighs now this one's actually new to me I'd never seen this
05:26 so um um this is an interesting one to me um I think this is new their checker
05:31 cuz I've never seen this this morning before now on mine that says it's a warning now it says your browser um recommends
05:39 that they have no you have less than 1500 Dom nodes okay node what is the Dom
05:45 node Greg a Dom node everyone here is essentially like awesome like if you've looked at HTML code it's a div or it's a
05:53 paragraph tag so basically a node in HTML is kind of that HTML tag that
06:00 you're aware of right so it's it is a div or a paragraph or a span or a button or a link so all
06:06 of those individual tags is considered a Dom node right so I am at 1090 Dom nodes
06:14 and Google wants me to be under 1500 so I am under that but I am pretty sure
06:22 that that I know some users web sites are probably way over that because I've seen what their what their pages look
06:29 like in edit mode and I'm sure that they are way over because guys if you are
06:34 getting this error you got to reevaluate your pages um probably because you're probably making them way too complex
06:40 right like if you have like 20 stacks nested into each other um you might want
06:46 to think about learning how to simplify that right I mean it's great that we can
06:51 nest stacks but I think some people go a little too far and that you can
06:57 accomplish most that I'm you can accomplish the same exact thing with less stacks so if you are getting the
07:04 successive Dom size issue have a look at your stacks pages in edit mode
07:09 and I'm pretty sure you're probably using way too many stacks on the page
07:15 what do you think wreck yes I agree you
07:20 know this this place on top that they are some of these other categories too because the larger dawn size is going to
07:28 affect your rendering time yep your main thread time right all these things are
07:34 related to the size of your page yep and this is this is probably the this is
07:41 promise this really just says your page is too big all right so if once you get more and more elements on the page or
07:47 page size is growing right so if you really want to make a big page throw
07:52 some big images on there but this is another way to do it add a lot of this so I agree cool you got any more errors
08:01 on your site my site up quickly around good and looking at examining your site
08:06 and I can jump back to mine let's see
08:15 are you want to dive down into the progressive web app stuff and accessibility I was looking at Adams
08:20 kind of like not applicable to my site and you know my business most happy
08:27 person we're back that progressive web app stuff doesn't really pertain to rapid even users so I think it'd be
08:32 pretty much safe to say that yeah well we're not we're not using web apps in
08:38 you know we're not using wrapper to make web apps so you probably not need to worry about that like it has errors for
08:44 stuff like you know respond when you're offline and stuff like that and you know we don't need to have websites offline
08:50 right now so yeah I don't I don't think that really pertains all right how about
08:56 an accessibility what we got here yeah that's what I find interesting and that's kind of personal interest of mine
09:02 is accessibility right there stick is important to be fair to people like that beep not be billed people in general and
09:10 accommodating and make the web and open an open place for them so scoring an 8
79:17 I'm proud of but I'm definitely interested in what this listed here one of them being color
09:23 contrast and the other one being a frame or iframes having a title tag which I
09:32 didn't really know about so I may have to look into those a little bit cool
09:39 yeah yeah interesting come with you I have I have one more in the Diagnostics
09:44 section that I'm still unsure and I've read it three or four times what the hell it means
09:50 text is invisible while web while web fonts are loading leverage the font
09:56 display CSS feature to ensure text is user visible while web fonts are loading
10:02 so it's saying that it I'm thinking cuz I do use you know web fonts um you know
10:08 some fancy web fonts on this - on my Weaver space page and I'm thinking that
10:13 it's saying that you know these web fonts aren't gonna be our you know aren't gonna be displayed until they're
10:19 loaded I'm unsure it doesn't really give me any suggestions on what to do so I'll
10:27 look at these all have to take a note and look at these this font display CSS feature that it's saying and I'll look
10:35 at that and I have the decent research offline here I really don't know what it means but but yeah do you know Greg no I
10:46 I'm not a mother's version CSS is you and a couple of the Polk I said when I
10:53 haven't read that one I work far more in PHP and JavaScript
11:00 okay interesting it looks like so I just brought up the documentation for CSS
11:05 font display and it looks like you can provide some sort of a fallback font to
11:13 use while the actual font family is being loaded interesting so yeah font
11:22 and uh oh and it's not even implemented hardly anywhere yet
11:27 it's it's implemented in Chrome and that's it it looks like oh is it as well
11:34 so Chrome and Safari support this CSS property that so this this is another
11:39 one that our Google's trying to you know hock off their future stuff but um it's interesting it's something I learned
11:44 just today so the font display property allows you to define a fallback that will only be used while the font is
11:51 being loaded interesting probably something I can add into my font pro stacks cool you're gonna do it Thank You
11:58 Nana to your site and try it oh I'll do it yeah definitely I'll do it that seems like something it's something easy to do I'll do it next week yeah
12:06 easy cool here I'll just jump into
12:12 accessibility for my site um now I got a score of a 66 so I'm a little behind you
12:18 I'm I did get the same thing for iframe title um and some background cuz some
12:23 color ratio stuff with background and foreground colors um I have some things
12:30 that are using Aria tags that that do not have valid values interesting so
12:37 looks like I have a button that has an aria tab that an aria label in the code
12:42 and the value is unexpected so interesting as some things I will look
12:49 into looks like there was it found one element that is not mine actually it's
12:54 from another stack I'm using on the page so I'll have to ping him about that one not really anything I could do about
13:00 that but um yeah if you get any of those things yeah let's see what's his buttons do not
13:07 have an accessible name what does that mean oh there's no there's no name thing it's
13:16 just like a hidden oh there's a hidden button in here in the code and it's not actually used on anything it's just hidden okay yeah that's kind of a
13:23 warning one um cuz it's a hidden button on the page it doesn't have an accessibility thing but it's not actually visible on the page anyway so
13:30 okay interesting it yeah you have an
13:37 interesting one in your site using jQuery - and it's flagged it as a script
13:45 with them but they know and vulnerability in it I'll really say that and that one where's that yes down on
13:52 your best practices under other includes
13:59 oh yeah two to four interesting
14:06 interesting two to four is the latest version of jQuery two as well
14:11 is it really I believe so I believe it's the latest version that
14:17 stacks loads where do we see the latest
14:31 release of is the latest jQuery version
14:41 so just let everybody know the current version of foundation does not work too
14:47 well with with jQuery 3 which is why I am still using jQuery - but Foundation -
14:53 which I'm working on as we speak will will use jQuery 3 so just let everybody
15:00 know that ok interesting boner ability I
15:05 also have this the links to cross domain destinations are unsafe oh I'm I'm
15:13 linking to weaver radio.com and I'm linking to Weaver space and it's saying
15:19 that I shouldn't be doing that Oh unless I oh I need it's recommending I add a
15:25 rel no referrer tag to those external links ok why now so when that just it
15:34 doesn't that tell the browser not to say that I referred them yeah it's probably a
15:41 since oh no that'd be the bras it doesn't include all the session
15:46 information or whatever okay yeah yeah oh yeah yeah yeah okay okay yeah that's
15:53 interesting and do not use passive listeners to improve scrolling
15:59 performance oh so I'm I've probably have yes I have like a load more widget that
16:05 that checks the scroll performance or art of the scroll position of the page so yeah I got that too because because
16:14 my slider on my page you can drag oh yeah well that I want to use that on my page
16:19 right so yeah okay yes how about SEO
16:27 what's under SEO I don't we don't I don't want to dive too far into SEO because we've already done quite a few shows on that but let's see the links do
16:34 not have descriptive text oh yeah I've some some ones that don't have a good alt text on my page so it kind of - it's
16:42 the same thing my link text is learn more same thing for me okay images descriptive link text oh is
16:49 it oh is that like a oprea title tag on the links yeah I don't really put title tags on my links
16:56 yes yeah okay I said I wonder interesting you would think that would
17:01 be like an accessibility thing though but accessibility is gonna display whatever the text is in the link alright
17:08 so yeah I got that one yeah I mean you sure if is in ninety yeah I have a
17:15 ninety one given that given that the error margin here seems to be like 20% I
17:21 think yeah it's close enough yep all in all I think both far sites
17:28 I'm pretty happy with my results there's a few minor things that I can look at to see if I can improve but again on all in
17:34 all I'm pretty happy I'm how about you Greg yes yes I'm happy I am
17:41 for a more content working on you know the other products that I get going
17:46 instead of obsessing over these details right now so mm-hmm I don't I don't think trying to spend a
17:53 couple weeks tryna learn learn to figure out how to get one extra point here and
17:58 there is gonna make me any difference any difference that yeah I Percy so I
18:05 rather make I really make fun stuff for people yeah you know I did load a couple customer sites so I just I went to a
18:11 weaver space and just found like you know five or six URLs that were on random posts and loaded those in the
18:17 background while we were chatting and ran the page view reports and be honest like the a lot of it's a lot of the same
18:24 errors that we were that we were having on our site so nothing really jumped out at me in terms of anything different
18:32 that you know be the combo of your on my site didn't didn't already show I do I
18:40 should note that guy immune Greg both did these tests we didn't go to you can
18:45 just go to PageSpeed insights I don't know the URL off top of my head but just Google PageSpeed insights and it'll take
18:51 you there but yeah you can also use Chrome and if you just open up any web
18:56 site in chrome and then open up the developer tools which which by default is alt or command command option I right
19:07 so command option I will open up the dev tools there is an audit tab in the
19:12 chrome this is only in chrome not in Safari so in chrome only if there's an audit stab in there and basically you
19:18 can run mobile and desktop performance audits from directly inside chrome it's
19:24 actually kind of cool is they have a throttling setting in there as well so you can like simulate a 3G connection or
19:29 a 4G connection and then you can run your audits through that sort of you know network filter which is quite
19:37 interesting if you want to see like how someone you know who's loading your site on a 3G connection would see it um so
19:43 yeah that's basically you know how me and Greg we're running these tests right now we're from inside chrome it seemed
19:50 to be we're having some issues with the web app from paper PageSpeed kind of bombing and giving us errors so
19:57 we ran them from inside chrome seemed to actually run a lot faster for me like um it that the report generated a lot
20:03 quicker than it did online so I don't any any thoughts on that Greg that's the
20:09 same here I couldn't even run your site through their online tool I'm guessing it's just a resource thing so you have
20:16 to hit their server so they they run their little emulator tool and if you
20:22 run it on your on your desktop just use your memory undercut your machine and simulates it that way so he has a lot of
20:29 faster just running it locally are there any other tools that you like to use or that you use it all for performance yes
20:39 yes there is and I will give you the and I will give you the link for the show
20:45 notes it's um is it what page path org
20:51 no it is not while Greg finds it yes
20:57 well I find this one I've I've used in the past is called webpagetest.org and
21:03 it's pretty decent the site itself is rather hideous and ugly cuz it's got a lot of you know this this site sponsored
21:10 by so Enzo but it is a it is a nice a nice one it gives you a good report I
21:17 think it's fair against pretty much same results as Google in terms of you know
21:22 don't take everything as you know solid you know gold and Bible but take these
21:28 and find things that you could potentially fix and try to fix them but it you know you could you know I tend to
21:35 run it through this and Google's a PageSpeed just can get an idea to see if I could find any low-hanging fruit
21:41 that's easy for me to fix to make things a little bit better yes so the one I use
21:46 is Kingdom tools Kingdom Calm yes yes good good company yes so you can put it in your
21:54 URL and you can choose a test location so you can actually test your site from
21:59 different locations around the world and it will download the resources give
22:05 you a granade grade however they determine that and yeah make some
22:10 suggestions for you one thing is is if you use HTTP you want to put in your
22:16 address as HTTPS otherwise it will take a pointer to off because it has to do the redirect from HTTP to HTTPS so same
22:25 just put it up versus non dubbed up if you have redirects going either way make sure you put any other the actual final
22:31 ones that yeah so you don't have to go through all that redirect stuff yep so
22:36 yeah that's that's what I use so people can check it out um maybe joking throw
22:43 in the short notes or you will do cool and the only other thing I could think
22:50 of yours that I could see that might be interesting for users if you go into the audits tab you can actually download
22:55 your report so you can save that if you want to send that to a client or oh actually oh yeah that's good idea
23:02 yeah you can export that as a client and you'll make for a client make it look kind of more professional for you yeah
23:08 you can your site before word and ran it after and hopefully gets better okay I could see that before and after things
23:15 sure yeah I could definitely see that but you know it it could be concerning for them because that they know even
23:20 less than most the actual rapid Erie user designing the site right so yeah that but there there are some users you
23:28 know that that they're their clients they know about PageSpeed right so they they load their URL in there you know
23:34 without knowing anything even less than what you know what anyone probably listened with us is even knowing about so there's definitely some danger there
23:41 or you could just talk about the SEO squirt yeah oh yeah yes yeah you can
23:47 talk about the SEO score you got a 91 what does I get I got a 90 yeah by me at
23:53 your by minute eggnog and bourbon drinks
24:01 on Joe drinks on Joe I'm trying to find
24:06 it I saw it earlier the only other thing I saw that was interesting is that you could download a hard archive of your
24:11 upper page yes and I can't find it now but that's
24:17 interesting from a developer standpoint because it lets us recreate how lets us
24:24 see how everything was so loaded on your site so with the separate issue pelipper you know I'm kind of sure when you save
24:31 oh that's a JSON file I thought that performed the audits tab saved it as a har file but no it's a JSON file
24:37 I thought I could've sworn us out in here somebody would probably pick it out and they run it but I thought that was
24:44 cool because it that's us you know kind of recreated your page and see what's going on um you know you see though you
24:52 see like the whole network console of everything that's being loaded and if there's an error everything else this
24:59 isn't fun developer thing users you guys probably don't even care but for me if
25:04 any I find it cool so hey Joe any other tidbits you got for
25:13 us Greg and not really no I just keep on keep on writing or any good content
25:19 building good bite sites and you know have a good holiday try to try to yes
25:25 yeah chances are with this will be the last episode we have before the hop before the Christmas holidays so happy
25:31 holidays to everyone thanks for listening and Happy Hanukkah happy
25:36 holidays happy whatever it is that you celebrate so yeah thank you thank you
25:41 for the reminder on that Greg yeah try to have fun try to try to let off some
25:47 steam and enjoy yourselves and get ready for the new year sweet Greg will you have anything any
25:52 anything that you could plug really quick when you got anything coming out or anything exciting coming or not quite
26:01 yet no I mean I'm I'm working on writing the content for chillydog hosting it's it's coded pretty much Cody knows bug
26:08 fixes and content so it's gonna be fun a lot of work a lot of work it's a little
26:14 bit a little bit grueling to write content sometimes the NOC code but you know I got to do it sweet sweet
26:21 yeah last one I really stay in one called an interesting stack called portal I normally don't release stuff in
26:26 in December just cuz everything is kind of you know slowing down and whatnot but um you know a lot of people in wanting
26:33 this the stack and it's kind of curtailed towards definitely the more advanced users so I figured those those
26:40 are gonna be the people that are at that are willing to work through the holidays anyway so it's a cool stack it's
26:45 basically like server-side partials you know for anyone that knows it's it's basically a very very fancy PHP includes
26:51 stuff so that you know you can import stacks pages into each other and only
26:57 supports tax pages right now so you can only import stacks pages into other stacks pages so use cases like if you
27:03 have a hook a footer on your website chances are it's gonna be the same everywhere and while you could use a partial on the inside rapidweaver to use
27:10 that um you know people that have very large websites tend to find if you edit a partial um you have to republish your
27:17 entire site all over again but with something like portal you can publish just the page has the the footer and then it will
27:24 magically update all the stacks on the page so it's a cool stack check it out if you haven't uh yet nice nice and open
27:33 in the new year to start getting these projects done so hopefully hopefully in the new year have a lot more to talk
27:39 about a lot more interesting things that I can actually say that shipped instead of just in progress gonna finally get a
27:45 sales page up for that for the email newsletter stuff it's in the new site oh there we go finally I stitch my my my
27:54 special link to your cart page yes thanks thanks and and I get I want I'm
28:02 gonna put do a lot of bundles so then I want to have hosting with toppings with
28:08 toppings move all right and add toppings to your hosting I say having some fun
28:14 with sauerkraut or okay toppings for a chili dog what do
28:20 you like on your chili dog Greg uh peppers onions mustard okay okay cool
28:28 yeah what are you chili chili cheese and all you got to have the cheese
28:33 definitely onions for sure um you know if it's a chili dog I don't put ketchup
28:38 or mustard though for me like I don't know that seems odd like if I'm doing a hot dog totally relish ketchup mustard
28:46 onions you know do you guys have Costco over there you go to Costco right yeah
28:52 dude I love that the dollar fifty Costco dogs like you know you get a get a drink
28:58 and a dog for a dollar fifty like man I can feed my entire family of five for under ten bucks like where can you do
29:04 that like man yes very true but they don't
29:09 have shake noggin brandy so that my Costco has a liquor store in the intersection
29:15 yes I could I could I could get the Costco size brandy yes well I hope you
29:31 have a wonderful holidays yes likewise you too sweet and working everybody find you they can find me at chili dog
29:39 software comm chili dog coach team confer all your hosting and at bar shout on Twitter so you everyone I am Joe
29:47 workman obviously you can find me at Joe workman everywhere great Facebook Twitter Instagram and Weaver space is my
29:54 site so head over to Weaver's hot space for some great rap move or add-ons and guys if you love this show please go to
30:02 iTunes and leave us a review we'd love it and if please send us an email right for two feedback at Weaver radio comm if
30:09 you can ship us your favorite notes or if you have any questions or topics that you'd like us to cover we'd love that
30:15 so thank you very much and we will talk to you guys soon happy holidays I hope
30:21 you have a wonderful time with your families and yeah we'll see you next year happy holidays everyone Cheers bye ears
30:31 boom that was 30 minutes and 12 seconds
30:45 you"}]