Forem: Toqeer Abbas

🚀 How to Improve Google Performance of Your Website

Toqeer Abbas — Mon, 23 Jun 2025 07:14:52 +0000

In today’s digital age, having a visually appealing website isn’t enough. If your site doesn’t perform well on Google, you’re missing out on traffic, conversions, and business growth. In this article, we'll explore how to improve your website's Google performance — from technical SEO to page speed and content optimization.

✅ 1. Optimize for Core Web Vitals
Google uses Core Web Vitals to measure user experience. These include:

Largest Contentful Paint (LCP) – How fast the main content loads.
Interaction to Next Paint (INP) – Measures input responsiveness.
Cumulative Layout Shift (CLS) – Visual stability of the page.

How to Improve:
Compress and resize images (use WebP format)

Minify CSS, JS, and HTML
Use loading="lazy" on images
Serve static assets via a CDN
Use browser caching

✅ 2. Improve Page Speed
Slow websites lose users and rankings. Use tools like Google PageSpeed Insights or [Lighthouse].

Tips to speed up your website:

Enable GZIP or Brotli compression
Minimize HTTP requests
Use asynchronous loading (async/defer) for JS files
Reduce server response time (TTFB)
Eliminate unused CSS and JavaScript

✅ 3. Mobile Optimization
Since Google switched to mobile-first indexing, your website must perform well on smartphones.

Mobile Optimization Tips:

Use responsive design (media queries)
Avoid popups or intrusive interstitials
Ensure readable font sizes
Keep clickable elements well-spaced

✅ 4. On-Page SEO Best Practices
Well-optimized content helps Google understand your page’s topic.

Optimize:

Title Tags: Include your main keyword
Meta Descriptions: Write compelling summaries with keywords
Headings: Use H1 for main title, H2 for sections
Alt Text: Describe images with keywords
URL Slugs: Keep them clean and keyword-rich (e.g., /improve-google-performance)

✅ 5. Technical SEO Essentials
Technical SEO ensures your site is crawlable, indexable, and fast.

Must-haves:

Submit a sitemap.xml to Google Search Console
Use robots.txt to control crawl access
Fix broken links (404 errors)
Implement canonical tags to avoid duplicate content
Use HTTPS for secure browsing

✅ 6. Use Structured Data (Schema Markup)
Adding schema.org markup helps Google understand your content and show rich results like ratings, FAQs, and more.

Example: Add FAQ schema for question-answer pages.

✅ 7. Create High-Quality, Keyword-Optimized Content
Content is still king. Your pages should solve problems, answer questions, or provide value.

Content Tips:

Use long-tail keywords relevant to your niche
Update content regularly
Add internal links to related posts
Avoid keyword stuffing — write naturally
Use tools like Ahrefs, SEMrush, or Ubersuggest for keyword research

✅ 8. Track & Monitor Performance
You can’t improve what you don’t measure.

Tools to use:

Google Search Console: Monitor indexing, keywords, and errors
Google Analytics: Track user behavior and engagement
Lighthouse / PageSpeed Insights: Performance audits
Ahrefs / SEMrush: SEO and backlink audits

🔁 Conclusion: Continuous Optimization Is Key
Improving your website’s Google performance isn’t a one-time task — it’s a continuous effort. By focusing on speed, SEO, content, and mobile experience, you can increase visibility, attract more traffic, and boost conversions.

Sidekiq in Ruby on Rails for background jobs

Toqeer Abbas — Thu, 29 Feb 2024 12:26:51 +0000

Sidekiq is a full-featured background processing framework for Ruby. It lets you run background tasks concurrently, crucial for responsive and reliable web applications. Whether sending emails, resizing images, or processing CSV files, time-consuming tasks can be done behind the scenes using Sidekiq.

We used Sidekiq to manage complex background jobs like sending emails and performing computations that take time.

Sidekiq Gem
[(https://github.com/sidekiq/sidekiq)]

Let's start to understand Sidekiq with a quick tutorial
rails new sidekiq_tutorial_1.0

Let's go inside the directory
cd sidekiq_tutorial_1.0/

Then add sidekiq in the gem file
bundle add sidekiq

Add background job
rails g sidekiq:job my_first_job

go to the project directory open file my_first_job.rb

class MyFirstJob
  include Sidekiq::Job

  def perform(name, age)
    puts "my name #{name} age #{age}"
    # Do something
  end
end

then go to file application.rb add this line config.active_job.queue_adapter = :sidekiq

add this in application_job.rb file
queue_as :default

let's get the output
run following command in terminal

bundle exec sidekiq

open rails console by typing rails c
MyFirstJob.perform_async("toqeer", 24)

now you can see background job output in sidekiq terminal tab

[For more tutorial like this you can follow me on youtube:(https://www.youtube.com/@CodeWithNaqvi
)

Helpers in Ruby on Rails

Toqeer Abbas — Sun, 20 Nov 2022 18:56:48 +0000

In this post i will discuss about helpers. I will cover all questions related to helpers in rails.

Why we need helpers?
A helper is a method that is (mostly) used in your Rails views to share reusable code. Rails comes with a set of built-in helper methods

How we can write helpers?

Create a new file under app/helpers.
Name it something like user_helper. rb.
Add a new module which matches the file name

`# app/helpers/user_helper.rb
module UserHelper
  def format_name(user)
    if user.gender == "M"
      "Mr. #{user.name}"
    else{% embed  %}
      "Ms. #{user.name}"
    end
  end
end`

According to me helpers used in views. Never write your logics in views because that's like mess with views. your logics should be seprate from your views. For learn more watch this video

🤓 JavaScript facts :

Toqeer Abbas — Mon, 11 Apr 2022 20:11:55 +0000

🤓 JavaScript facts :
🔹 Many programming languages use semi colon at the end of a statement. Javascript does so but you can also use semi colon at the beginning of a statement.
Ex 👉🏻 ;var a = 2

Tip for increment and decrement any column in laravel.

Toqeer Abbas — Sat, 24 Jul 2021 23:30:51 +0000

Hi everyone,
Today i will tell you about a tip to increment and decrement any column in Laravel.

$user::find(1)->increment('likes');
$user::find(1)->decrement('likes');

you can use it anywhere where you want.

When I have no clients or projects as a freelancer , What should I do?

Toqeer Abbas — Thu, 01 Jul 2021 01:09:16 +0000

Hi everyone,
hope you are doing great. Today i want to discuss a topic as mentioned in title. As a freelancer what should we do in our free time?
According to me we learn any new skill related to our field.
like if you are a web developer you can learn any new language like laravel / php or you can learn any new js framework. if you already learn then you can create an app or website for practice. you can work on your portfolio.

I advised you to never stop learning. Doing Something great all time. Try to learn and explore more new things.

I hope that's will help you.
Thanks

How to manage your time effectively?

Toqeer Abbas — Mon, 14 Jun 2021 06:22:42 +0000

How to stay focus on work?

Toqeer Abbas — Mon, 17 May 2021 07:54:50 +0000

Please comment on this post. I need your answers!

New Week Start!

Toqeer Abbas — Sun, 18 Apr 2021 21:03:07 +0000

Hey everyone,
First I am thankful to all of you who shared knowledge on the dev community. That's really helpful for all of us. who want to learn about code.
So I am motivated to do some extra things this week like I am going to start a project in laravel. I am not much know about laravel but I think building a project is a great source of learning.

if you have any suggestions for me please write in the comment section.
please share what are you start this week.

We do not tell the truth to ourselves.

Toqeer Abbas — Sun, 11 Apr 2021 14:21:29 +0000

It often happens whenever we are doing something. So in order to postpone the work, we lie to ourselves that we will do it now, it will be done, we will see tomorrow. These are all lies that we keep telling ourselves and deceive ourselves. We all know that the loss is ours but where do we understand it. It doesn't feel good to work. Always be free to do the same. Spend time on the internet. How long will we continue to do all this? There will come a day when you will have to do something when responsibilities come. Then there will be remorse for the time that has passed. Stop lying to yourself and start working. Move forward with courage and passion. The destination will be your destiny.

CSS Heart Shape

Toqeer Abbas — Wed, 07 Apr 2021 00:28:35 +0000

in this post, I will tell you how we can make a heart shape in CSS.
HTML

CSS
After adding HTML you need to style it with CSS.
1- Style body tag

2- style heart class

3- Style Pusedo-class ::after ,::before

After it runs into the browser.

I hope you learn from this. if you want a video of this
video link:

Journey for Full Stack Web Development

Toqeer Abbas — Wed, 07 Apr 2021 00:13:38 +0000

Hi everyone,
Today I discuss the journey for a full-stack web developer. According to me for beginner first, learn front-end technologies then backend.

The following list is the best path for full-stack web development.

Html
CSS
JS
Bootstrap/Tailwind
React/Vue/Angular
PHP
Mysql
Laravel
Nodejs 10.Git

if you want to add please write your comments below this post.