New website of my company comming soon

👨‍👩‍👧‍👦 Community 🎬 Showcases
1

Hi all! :slight_smile: After a few days working hard. I’m proud to have the new website of my company comming soon. We are doing some adjustments. For now we are just shipping a static website :scream: for our V1. Only in V2 we will be consuming some posts/pages comming from wordpress api. We are using too Statickit.com for ours forms. I must confess that was a better option for now. Also we are using serveless functions. Here is the website: site2020.bry.now.sh. Right now I’m trying to improve performance. If you have some sugestion please tell me. :wink:

Thanks for all the community for helpping me.

Thanks for all the community for helpping me.

3 Likes
2

Hey @christian.nascimento!

It’s great to see the result of your work, I like it a lot :blush: I’m also really glad that the community was helpful and supported you with your questions.

I’m curious about the next steps for this project, please keep us posted with the evolution from v1 to v2.

1 Like
3

Congratulation @christian.nascimento, it looks awesome! :slightly_smiling_face: Looking forward to seeing the v2.

I’ve seen that Client Side Rendering is not working right now, so if you navigate through different pages they are loaded from the server. Are you using our Link component? If you use this instead of common <a> tags it should improve the performance.

1 Like
5

Congrats @christian.nascimento, looks really great!

1 Like
9

Thanks very much! :smiley: The problem here is that if my link is a anchor it will fail. I can’t do for example: <Link link="/#vagas">Vagas</Link> or can I? :wink:

10

I dont know if my definitions in <Head> are good too. :thinking:

<Head>
        <html lang="pt-BR" />
        <title>{state.frontity.meta.title}</title>
        <meta name="description" content={state.frontity.meta.description} />
        {/* Essential META Tags */}

        <meta property="og:title" content={state.frontity.meta.ogTitle} />
        <meta property="og:description" content={state.frontity.meta.ogDescription} />
        <meta property="og:image" content="../assets/img/global/share-image.png" />
        <meta property="og:url" content={state.frontity.meta.ogURL} />
        <meta name="twitter:card" content={state.frontity.meta.twitterCard} />

        {/* Non-Essential, But Recommended */}

        <meta property="og:site_name" content="BRyTecnologia" />
        <meta name="twitter:image:alt" content={state.frontity.meta.twitterImageAlt} />

        {/* Non-Essential, But Required for Analytics */}

        <meta property="fb:app_id" content="000000000" />
        <meta name="twitter:site" content="@brytecnologia" />

        {/* Prefetch some urls */}
        <link rel="preconnect" href="//www.googletagmanager.com" />
        <link rel="preconnect" href="//www.google-analytics.com" />
        <link rel="preconnect" href="//static.hotjar.com" />
        <link rel="preconnect" href="//vc.hotjar.io" />
        <link rel="preconnect" href="//script.hotjar.com" />
        <link rel="preconnect" href="//vars.hotjar.com" />
        <link rel="preconnect" href="//fonts.gstatic.com/" />

        {/* Google tagmanager */}
        <script>
          {`(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-0000000');`}
        </script>
      </Head>
1 Like
11

Hi @christian.nascimento!

Your website looks great! Thanks for sharing it! :clap:

Is it ok if I share it in this month’s newsletter (it goes out this Thursday)? Since it’s a work in progress I understand if you prefer not to share it yet. Feel free to let me know your thoughts (here or via DM if you prefer so). Thank you! :blush:

3 Likes
12

Hi @Reyes! Thanksss! :smiley: We are planning to shipping until the 15th of february. So I will tell you when you can share it. :wink: Many thanks!!! :smiley:

1 Like
14

UPDATED:

Removed preconnect in favour of dns-prefetch and:

Clipboard - 28 de Janeiro de 2020 às 17_33
Clipboard - 28 de Janeiro de 2020 às 17_331553×976 143 KB

Google fonts is still blocking :frowning:

2 Likes
16

We are planning to shipping until the 15th of february. So I will tell you when you can share it. :wink:

Sure, no problem at all! Thanks for the update :slight_smile:

19

They seem to be small enough to be embedded in the HTML (less than 25Kbs):

Screen Shot 2020-01-29 at 12.57.31
Screen Shot 2020-01-29 at 12.57.311354×212 34.1 KB

Just copy them to your project, import them and use <Global> to add the font-face.

import { css, Global } from "frontity";
import XXX from "../../fonts/XXX.woff";

const FontFaces = () => (
  <Global
      styles={css` 
        @font-face {
          font-family: "XXX";
          font-style: normal;
          font-weight: normal;
          font-display: block;
          src: url(${XXX}) format("woff");
        }
    `}
  />
);
1 Like
20

Thanks @luisherranz! :smiley: I will try! :wink:

21

Hi @luisherranz! :wink: I tried the solution above and believe me Google scored my site performance from 92 to 56 :scream:

22

What are the new errors/warnings?