SEO is the backbone of any website. It makes the web page more visible for search engines, which means more traffic and more opportunities to convert prospects into customers.
At Tokopedia, our frontend engineering team has built multiple in-house tools to cater to our custom requirements.
In this blog, I will share how we created one such tool that is helping Tokopedia boost SEO performance. We call this tool SEO Doctor, a tool to monitor SEO health.
Tokopedia is an Indonesian technology company with a mission to democratize e-commerce through technology. It is one of the largest e-commerce platforms in Indonesia.
Tokopedia has various verticals where users can buy physical, digital & fintech products. We have a desktop as well as a mobile site, where most of the traffic comes on the mobile web.
A lot of users visiting the mobile site have low-end phones with 3G network quality, for the best user experience, our Tokopedia Engineering invests heavily on web performance.
The sale is a core part of any e-commerce. Since 2018, Tokopedia has been doing…
Back in 2015, I was working on a product, the tech stack I used was React & Flux.
A React testing library tutorial — with examples!
Unit testing is the backbone of a web application, and in this article, I will share some examples of writing unit test cases with react-testing-library and help other developers to write test cases for their web app.
Setup is very simple.
Add a script in your package.json
As a web, developer, we all are quite familiar with developer tools and if you are a fan of google chrome you might have used a chrome dev tool for debugging or some other stuff.
Today I am going to cover some of the witty areas of developer tools and how you can use to check your site behaviors.
Let’s get started, open google chrome, open developer tools, you can see a
three dot on the right side of your dev tool.
Open it and hover on
More tools option
You can see in the image above we have multiple…
This article will focus on one of the important concepts of web page redirection and why
301 is important and also we will cover how we can make use of react to help us with the redirection.
What is 301?
301 redirect is a way of sending website visitors to a new URL.
301 is the HTTP response status code.
To know more about
301 you can check here.
Why 301 is important?
Let's understand this with a basic example.
Suppose we have a page
www.mysite.com/hello-worldand we have created a similar page
www.mysite.com/hello-world-new exactly with the same content.
Many a time when we audit our site, we get suggestions to minimize main thread work.
Reducing the main thread work can help you achieve better performance for your web apps.
In this article, we will try to look out for different approaches on how to minimize the main thread work by making some tweaks in the react component.
If you don't know what is the main thread you can easily look here
We will create a component where we display team size, list of team members, and team name.
Software Engineer | Web enthusiast | Love road trips ❤