هل يؤدي استخدام مكونات Livewire لتجنب تكرار كلاسات CSS إلى بطء في عرض الصفحة في لارافل؟

هل فكرة وجود كل تلك المكونات جيدة؟

@foreach ($themes as $theme)
    <x-table.tr>
        <x-table.td>{{ $theme->name }}</x-table.td>
        <x-table.td class="flex justify-end items-center gap-4">
            <x-link href="{{ route('themes.edit', compact('theme')) }}">Editer</x-link>
            <x-link-button
                @class([
                    'text-red-500 hover:text-red-600' => auth()->user()->can('delete', $theme),
                    'text-slate-300' => auth()->user()->cannot('delete', $theme),
                ])
                wire:click="destroy('{{ $theme->id }}')">Supprimer</x-link-button>
        </x-table.td>
    </x-table.tr>
@endforeach

أستخدم تلك المكونات لتجنب تكرار نفس كلاسات CSS عدة مرات، فهل يمكن أن تكون المكونات مسؤولة عن بعض البطء عند عرض الصفحة؟

هل سيكون من الأفضل إدارة الكلاسات عبر تكوين TailwindCSS وتطبيق كلاسات محددة على كل مكون جدول (table، tr، th، td، ...)، على سبيل المثال؟